add Colors constants

This commit is contained in:
adeliptr 2025-05-29 14:15:08 +09:00
parent 01f4f81651
commit 595e984b12
2 changed files with 80 additions and 0 deletions

40
src/app.css Normal file
View File

@ -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;
}

View File

@ -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'
}
}