40 lines
1.4 KiB
CSS
40 lines
1.4 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--primary: theme('colors.light-theme.orange');
|
|
--red: theme('colors.light-theme.red');
|
|
--green: theme('colors.light-theme.green');
|
|
--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"]');
|
|
}
|
|
|
|
[data-theme='dark'] {
|
|
--primary: theme('colors.dark-theme.orange');
|
|
--red: theme('colors.dark-theme.red');
|
|
--green: theme('colors.dark-theme.green');
|
|
--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"]');
|
|
}
|
|
|
|
[data-theme='mango'] {
|
|
--primary: theme('colors.mango-theme.yellow');
|
|
--red: theme('colors.mango-theme.red');
|
|
--green: theme('colors.mango-theme.green');
|
|
--bkg-1: theme('colors.mango-theme["bkg-1"]');
|
|
--bkg-2: theme('colors.mango-theme["bkg-2"]');
|
|
--bkg-3: theme('colors.mango-theme["bkg-3"]');
|
|
--fgd-1: theme('colors.mango-theme["fgd-1"]');
|
|
--fgd-2: theme('colors.mango-theme["fgd-2"]');
|
|
--fgd-3: theme('colors.mango-theme["fgd-3"]');
|
|
}
|