Add multiple theme colors

This commit is contained in:
Sat Naing
2022-09-08 22:40:45 +06:30
parent 147d934e97
commit 02d29f0914
2 changed files with 46 additions and 6 deletions
+17
View File
@@ -2,6 +2,23 @@
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--color-text-base: 40, 39, 40;
--color-text-accent: 0, 108, 172;
--color-fill: 251, 254, 251;
--color-accent: 0, 108, 172;
--color-card: 230, 230, 230;
}
.theme-dark {
--color-text-base: 250, 253, 254;
--color-text-accent: 26, 217, 217;
--color-fill: 38, 45, 54;
--color-accent: 26, 217, 217;
--color-card: 63, 75, 90;
}
}
@layer components {
.btn-blue {
@apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;