generated from autonomic-cooperative/astro-payload-template
Add light & dark theme
This commit is contained in:
parent
ad7480d13a
commit
2cbd830255
@ -2,6 +2,45 @@
|
|||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
|
.light {
|
||||||
|
|
||||||
|
--black: 10, 16, 19;
|
||||||
|
--white: 243, 252, 248;
|
||||||
|
--absolute-black: 0, 0, 0;
|
||||||
|
--absolute-white: 255, 255, 255;
|
||||||
|
|
||||||
|
/* Use these in tailwind.config.cjs */
|
||||||
|
--primary: var(--black);
|
||||||
|
--secondary: var(--black);
|
||||||
|
--tertiary: var(--black);
|
||||||
|
|
||||||
|
--text: var(--black);
|
||||||
|
--textInverted: var(--absolute-white);
|
||||||
|
--link: var(--black);
|
||||||
|
--background: var(--white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark {
|
||||||
|
|
||||||
|
--black: 10, 16, 19;:root {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
--white: 243, 252, 248;
|
||||||
|
--absolute-black: 0, 0, 0;
|
||||||
|
--absolute-white: 255, 255, 255;
|
||||||
|
|
||||||
|
/* Use these in tailwind.config.cjs */
|
||||||
|
--primary: var(--white);
|
||||||
|
--secondary: var(--white);
|
||||||
|
--tertiary: var(--white);
|
||||||
|
|
||||||
|
--text: var(--white);
|
||||||
|
--textInverted: var(--absolute-black);
|
||||||
|
--link: var(--white);
|
||||||
|
--background: var(--black);
|
||||||
|
}
|
||||||
|
|
||||||
.autonomic {
|
.autonomic {
|
||||||
/* Palette */
|
/* Palette */
|
||||||
/* RGBA instead of hex so that opacity will work */
|
/* RGBA instead of hex so that opacity will work */
|
||||||
|
Loading…
Reference in New Issue
Block a user