45 lines
1.2 KiB
SCSS
45 lines
1.2 KiB
SCSS
$blog_body-bg: rgb(33, 39, 48);
|
|
$blog_body-bg-light: rgb(37, 45, 57);
|
|
|
|
// nom == natenom
|
|
$nom-blue: rgb(70, 136, 222); // #4588de
|
|
$nom-blue-dark: rgb(50, 116, 202);
|
|
$nom-blue-light: rgb(110, 176, 255); // #6db0ff
|
|
$grey: rgb(155, 155, 170);
|
|
$grey-light: rgb(175, 175, 190);
|
|
$white: rgb(255, 255, 255);
|
|
|
|
|
|
:root {
|
|
--background: rgb(33, 39, 48);
|
|
--background-contrast: rgb(37, 45, 57);
|
|
--border: rgb(68, 93, 130);
|
|
--text: rgb(255, 255, 255);
|
|
--text-dark: rgb(50, 50, 30);
|
|
--link: var(--nom-blue-light);
|
|
--nom-blue: rgb(70, 136, 222); // #4588de
|
|
--nom-blue-dark: rgb(50, 116, 202);
|
|
--nom-blue-light: rgb(110, 176, 255); // #6db0ff
|
|
--nom-blue-text: rgb(255, 255, 255);
|
|
--yellow: rgb(255, 247, 159);
|
|
--yellow-text: rgb(50, 50, 30);
|
|
--grey: rgb(209, 215, 223);
|
|
--grey-text: rgb(50, 50, 30);
|
|
--green: rgb(214, 239, 194);
|
|
--green-text: rgb(50, 50, 30);
|
|
--invert-dark: invert(100%);
|
|
--invert-light: invert(0%);
|
|
--box-shadow: none;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--background: rgb(255, 255, 255);
|
|
--background-contrast: rgb(245, 245, 245);
|
|
--text: rgb(50, 50, 30);
|
|
--link: var(--nom-blue);
|
|
--invert-dark: invert(0%);
|
|
--invert-light: invert(100%);
|
|
--box-shadow: 0 0 .5em #999;
|
|
}
|
|
}
|