From bc397227afc02d4c4fab83ac9f9dc4f7ee815904 Mon Sep 17 00:00:00 2001 From: Yeongjun Kim Date: Mon, 30 Oct 2023 18:10:17 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20#14=20-=20=EA=B3=B5=ED=86=B5=20?= =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=9D=B4=EB=A6=84=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 112 ++++++++++++++++++++++---------------------- tailwind.config.ts | 56 +++++++++++----------- 2 files changed, 84 insertions(+), 84 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 20f9dc3b..9d0e0a8b 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -5,65 +5,65 @@ @layer base { :root { --bgColor: rgb(255, 255, 255); - --t-slate-900: rgb(16, 23, 41); - --t-slate-700: rgb(53, 65, 84); - --t-slate-600: rgb(73, 85, 104); - --t-slate-500: rgb(102, 116, 138); - --t-slate-400: rgb(150, 163, 183); - --t-slate-300: rgb(204, 213, 224); - --t-slate-100: rgb(242, 245, 249); - --t-gray-900: rgb(24, 24, 27); - --t-gray-700: rgb(63, 63, 70); - --t-gray-600: rgb(82, 82, 91); - --t-gray-500: rgb(113, 113, 122); - --t-gray-400: rgb(161, 161, 169); - --t-gray-300: rgb(212, 212, 216); - --t-gray-100: rgb(244, 244, 245); - --t-emerald-900: rgb(30, 76, 60); - --t-emerald-700: rgb(48, 117, 88); - --t-emerald-600: rgb(62, 146, 107); - --t-emerald-500: rgb(80, 181, 132); - --t-emerald-400: rgb(101, 206, 156); - --t-emerald-300: rgb(138, 227, 185); - --t-emerald-100: rgb(216, 248, 230); - --t-red-900: rgb(118, 39, 32); - --t-red-700: rgb(172, 49, 35); - --t-red-600: rgb(205, 62, 46); - --t-red-500: rgb(223, 85, 73); - --t-red-400: rgb(234, 123, 116); - --t-red-300: rgb(242, 170, 166); - --t-red-100: rgb(250, 227, 226); + --slate9: rgb(16, 23, 41); + --slate7: rgb(53, 65, 84); + --slate6: rgb(73, 85, 104); + --slate5: rgb(102, 116, 138); + --slate4: rgb(150, 163, 183); + --slate3: rgb(204, 213, 224); + --slate1: rgb(242, 245, 249); + --gray9: rgb(24, 24, 27); + --gray7: rgb(63, 63, 70); + --gray6: rgb(82, 82, 91); + --gray5: rgb(113, 113, 122); + --gray4: rgb(161, 161, 169); + --gray3: rgb(212, 212, 216); + --gray1: rgb(244, 244, 245); + --emerald9: rgb(30, 76, 60); + --emerald7: rgb(48, 117, 88); + --emerald6: rgb(62, 146, 107); + --emerald5: rgb(80, 181, 132); + --emerald4: rgb(101, 206, 156); + --emerald3: rgb(138, 227, 185); + --emerald1: rgb(216, 248, 230); + --red9: rgb(118, 39, 32); + --red7: rgb(172, 49, 35); + --red6: rgb(205, 62, 46); + --red5: rgb(223, 85, 73); + --red4: rgb(234, 123, 116); + --red3: rgb(242, 170, 166); + --red1: rgb(250, 227, 226); } [class='dark'] { --bgColor: rgb(18, 24, 38); - --t-slate-900: rgb(242, 245, 249); - --t-slate-700: rgb(204, 213, 224); - --t-slate-600: rgb(150, 163, 183); - --t-slate-500: rgb(102, 116, 138); - --t-slate-400: rgb(73, 85, 104); - --t-slate-300: rgb(53, 65, 84); - --t-slate-100: rgb(16, 23, 41); - --t-gray-900: rgb(244, 244, 245); - --t-gray-700: rgb(212, 212, 216); - --t-gray-600: rgb(161, 161, 169); - --t-gray-500: rgb(113, 113, 122); - --t-gray-400: rgb(82, 82, 91); - --t-gray-300: rgb(63, 63, 70); - --t-gray-100: rgb(24, 24, 27); - --t-emerald-900: rgb(216, 248, 230); - --t-emerald-700: rgb(138, 227, 185); - --t-emerald-600: rgb(101, 206, 156); - --t-emerald-500: rgb(80, 181, 132); - --t-emerald-400: rgb(62, 146, 107); - --t-emerald-300: rgb(48, 117, 88); - --t-emerald-100: rgb(30, 76, 60); - --t-red-900: rgb(250, 227, 226); - --t-red-700: rgb(242, 170, 166); - --t-red-600: rgb(234, 123, 116); - --t-red-500: rgb(223, 85, 73); - --t-red-400: rgb(205, 62, 46); - --t-red-300: rgb(172, 49, 35); - --t-red-100: rgb(118, 39, 32); + --slate9: rgb(242, 245, 249); + --slate7: rgb(204, 213, 224); + --slate6: rgb(150, 163, 183); + --slate5: rgb(102, 116, 138); + --slate4: rgb(73, 85, 104); + --slate3: rgb(53, 65, 84); + --slate1: rgb(16, 23, 41); + --gray9: rgb(244, 244, 245); + --gray7: rgb(212, 212, 216); + --gray6: rgb(161, 161, 169); + --gray5: rgb(113, 113, 122); + --gray4: rgb(82, 82, 91); + --gray3: rgb(63, 63, 70); + --gray1: rgb(24, 24, 27); + --emerald9: rgb(216, 248, 230); + --emerald7: rgb(138, 227, 185); + --emerald6: rgb(101, 206, 156); + --emerald5: rgb(80, 181, 132); + --emerald4: rgb(62, 146, 107); + --emerald3: rgb(48, 117, 88); + --emerald1: rgb(30, 76, 60); + --red9: rgb(250, 227, 226); + --red7: rgb(242, 170, 166); + --red6: rgb(234, 123, 116); + --red5: rgb(223, 85, 73); + --red4: rgb(205, 62, 46); + --red3: rgb(172, 49, 35); + --red1: rgb(118, 39, 32); } } diff --git a/tailwind.config.ts b/tailwind.config.ts index edd19c87..d3d730cd 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -11,34 +11,34 @@ const config: Config = { extend: { colors: { bgColor: 'var(--bgColor)', - 't-slate-900': 'var(--t-slate-900)', - 't-slate-700': 'var(--t-slate-700)', - 't-slate-600': 'var(--t-slate-600)', - 't-slate-500': 'var(--t-slate-500)', - 't-slate-400': 'var(--t-slate-400)', - 't-slate-300': 'var(--t-slate-300)', - 't-slate-100': 'var(--t-slate-100)', - 't-gray-900': 'var(--t-gray-900)', - 't-gray-700': 'var(--t-gray-700)', - 't-gray-600': 'var(--t-gray-600)', - 't-gray-500': 'var(--t-gray-500)', - 't-gray-400': 'var(--t-gray-400)', - 't-gray-300': 'var(--t-gray-300)', - 't-gray-100': 'var(--t-gray-100)', - 't-emerald-900': 'var(--t-emerald-900)', - 't-emerald-700': 'var(--t-emerald-700)', - 't-emerald-600': 'var(--t-emerald-600)', - 't-emerald-500': 'var(--t-emerald-500)', - 't-emerald-400': 'var(--t-emerald-400)', - 't-emerald-300': 'var(--t-emerald-300)', - 't-emerald-100': 'var(--t-emerald-100)', - 't-red-900': 'var(--t-red-900)', - 't-red-700': 'var(--t-red-700)', - 't-red-600': 'var(--t-red-600)', - 't-red-500': 'var(--t-red-500)', - 't-red-400': 'var(--t-red-400)', - 't-red-300': 'var(--t-red-300)', - 't-red-100': 'var(--t-red-100)', + slate9: 'var(--slate9)', + slate7: 'var(--slate7)', + slate6: 'var(--slate6)', + slate5: 'var(--slate5)', + slate4: 'var(--slate4)', + slate3: 'var(--slate3)', + slate1: 'var(--slate1)', + gray9: 'var(--gray9)', + gray7: 'var(--gray7)', + gray6: 'var(--gray6)', + gray5: 'var(--gray5)', + gray4: 'var(--gray4)', + gray3: 'var(--gray3)', + gray1: 'var(--gray1)', + emerald9: 'var(--emerald9)', + emerald7: 'var(--emerald7)', + emerald6: 'var(--emerald6)', + emerald5: 'var(--emerald5)', + emerald4: 'var(--emerald4)', + emerald3: 'var(--emerald3)', + emerald1: 'var(--emerald1)', + red9: 'var(--red9)', + red7: 'var(--red7)', + red6: 'var(--red6)', + red5: 'var(--red5)', + red4: 'var(--red4)', + red3: 'var(--red3)', + red1: 'var(--red1)', }, backgroundImage: { 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',