2021-04-25 08:03:30 -07:00
|
|
|
@tailwind base;
|
|
|
|
@tailwind components;
|
|
|
|
@tailwind utilities;
|
2021-04-27 17:13:16 -07:00
|
|
|
|
|
|
|
:root {
|
|
|
|
--primary: theme('colors.light-theme.orange');
|
|
|
|
--red: theme('colors.light-theme.red.DEFAULT');
|
|
|
|
--red-dark: theme('colors.light-theme.red.dark');
|
|
|
|
--green: theme('colors.light-theme.green.DEFAULT');
|
|
|
|
--green-dark: theme('colors.light-theme.green.dark');
|
|
|
|
--bkg-1: theme('colors.light-theme["bkg-1"]');
|
|
|
|
--bkg-2: theme('colors.light-theme["bkg-2"]');
|
|
|
|
--bkg-3: theme('colors.light-theme["bkg-3"]');
|
|
|
|
--fgd-1: theme('colors.light-theme["fgd-1"]');
|
|
|
|
--fgd-2: theme('colors.light-theme["fgd-2"]');
|
|
|
|
--fgd-3: theme('colors.light-theme["fgd-3"]');
|
|
|
|
--fgd-4: theme('colors.light-theme["fgd-4"]');
|
|
|
|
}
|
|
|
|
|
|
|
|
[data-theme='Dark'] {
|
|
|
|
--primary: theme('colors.dark-theme.yellow');
|
|
|
|
--red: theme('colors.dark-theme.red.DEFAULT');
|
|
|
|
--red-dark: theme('colors.dark-theme.red.dark');
|
|
|
|
--green: theme('colors.dark-theme.green.DEFAULT');
|
|
|
|
--green-dark: theme('colors.dark-theme.green.dark');
|
|
|
|
--bkg-1: theme('colors.dark-theme["bkg-1"]');
|
|
|
|
--bkg-2: theme('colors.dark-theme["bkg-2"]');
|
|
|
|
--bkg-3: theme('colors.dark-theme["bkg-3"]');
|
|
|
|
--fgd-1: theme('colors.dark-theme["fgd-1"]');
|
|
|
|
--fgd-2: theme('colors.dark-theme["fgd-2"]');
|
|
|
|
--fgd-3: theme('colors.dark-theme["fgd-3"]');
|
|
|
|
--fgd-4: theme('colors.dark-theme["fgd-4"]');
|
|
|
|
}
|
|
|
|
|
|
|
|
* {
|
|
|
|
@apply m-0 p-0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
@apply font-body text-base text-th-fgd-1;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
@apply font-bold;
|
|
|
|
}
|