From 595e984b12f3000317ba5b7489115e5a64da9d26 Mon Sep 17 00:00:00 2001 From: adeliptr Date: Thu, 29 May 2025 14:15:08 +0900 Subject: [PATCH] add Colors constants --- src/app.css | 40 +++++++++++++++++++++++++++++++++++++ src/lib/constants/Colors.ts | 40 +++++++++++++++++++++++++++++++++++++ 2 files changed, 80 insertions(+) create mode 100644 src/app.css create mode 100644 src/lib/constants/Colors.ts diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..9a22677 --- /dev/null +++ b/src/app.css @@ -0,0 +1,40 @@ +:root { + --white: #FFFFFF; + --black: #000000; + + /* Gray */ + --gray-50: #F0F0F0; + --gray-100: #E6E6E6; + --gray-200: #C6C6C6; + --gray-300: #B0B0B0; + --gray-400: #9B9B9B; + --gray-500: #868686; + --gray-600: #727272; + --gray-700: #5E5E5E; + --gray-800: #4B4B4B; + --gray-900: #393939; + + /* Planner */ + --planner-50: #A5FFFF; + --planner-100: #83EDFA; + --planner-200: #60D7E5; + --planner-300: #38C1D0; + --planner-400: #00ACBB; + --planner-500: #0096A6; + --planner-600: #008190; + --planner-700: #006C7B; + --planner-800: #005865; + --planner-900: #004450; + + /* Memory */ + --memory-50: #FFCFAD; + --memory-100: #FFB491; + --memory-200: #FF9976; + --memory-300: #FF7F5E; + --memory-400: #FF6747; + --memory-500: #EE4F33; + --memory-600: #D43721; + --memory-700: #B82010; + --memory-800: #9B0502; + --memory-900: #7D0000; +} \ No newline at end of file diff --git a/src/lib/constants/Colors.ts b/src/lib/constants/Colors.ts new file mode 100644 index 0000000..e6e4fa0 --- /dev/null +++ b/src/lib/constants/Colors.ts @@ -0,0 +1,40 @@ +export const Colors = { + white: '#FFFFFF', + black: '#000000', + gray: { + light50: '#F0F0F0', + light100: '#E6E6E6', + light200: '#C6C6C6', + light300: '#B0B0B0', + med400: '#9B9B9B', + med500: '#868686', + med600: '#727272', + dark700: '#5E5E5E', + dark800: '#4B4B4B', + dark900: '#393939' + }, + planner: { + light50: '#A5FFFF', + light100: '#83EDFA', + light200: '#60D7E5', + light300: '#38C1D0', + med400: '#00ACBB', + med500: '#0096A6', + med600: '#008190', + dark700: '#006C7B', + dark800: '#005865', + dark900: '#004450' + }, + memory: { + light50: '#FFCFAD', + light100: '#FFB491', + light200: '#FF9976', + light300: '#FF7F5E', + med400: '#FF6747', + med500: '#EE4F33', + med600: '#D43721', + dark700: '#B82010', + dark800: '#9B0502', + dark900: '#7D0000' + } +} \ No newline at end of file