1 $view-backgroud-color: #000;
2 $page-background-color: rgba(255, 255, 255, 0.90);
3 $code-background-color: rgba(255, 255, 255, 0.50);
13 $a-active-color: #182;
14 $a-visited-color: #218;
17 @media (prefers-color-scheme: light) {
19 --view-backgroud-color: #000;
20 --page-background-color: rgba(255, 255, 255, 0.90);
21 --code-background-color: rgba(255, 255, 255, 0.50);
31 --a-active-color: #182;
32 --a-visited-color: #218;
33 --a-hover-color: #182;
37 @media (prefers-color-scheme: dark) {
39 --view-backgroud-color: #000;
40 --page-background-color: rgba(17, 17, 17, 0.90);
41 --code-background-color: rgba(102, 102, 102, 0.50);
46 --header-color: #f0f0f0;
51 --a-active-color: #8f9;
52 --a-visited-color: #98f;
53 --a-hover-color: #8f9;