32 lines
504 B
SCSS
32 lines
504 B
SCSS
@use "sass:color";
|
|
|
|
// Base colors here
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--text: #0d0f0b;
|
|
--background: #f6f7f3;
|
|
--primary: #4a5733;
|
|
--secondary: #b5c898;
|
|
--accent: #7c9b4b;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--text: #f2f4f0;
|
|
--background: #0b0c08;
|
|
--primary: #bfcca8;
|
|
--secondary: #546737;
|
|
--accent: #96b464;
|
|
}
|
|
}
|
|
|
|
// And calculate the rest here
|
|
:root {
|
|
--border: var(--text);
|
|
}
|
|
|
|
svg.black-white {
|
|
fill: var(--text);
|
|
stroke: var(--text);
|
|
}
|