45 lines
766 B
SCSS
45 lines
766 B
SCSS
|
@import "_variables";
|
||
|
|
:root {
|
||
|
|
--main-accent-color: #3ded92;
|
||
|
|
--warning-color: #fdae37;
|
||
|
|
}
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
:root {
|
||
|
|
--main-bg-color: white;
|
||
|
|
--main-fg-color: #222;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
:root {
|
||
|
|
--main-bg-color: #111;
|
||
|
|
--main-fg-color: #eee;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
background-color: var(--main-bg-color);
|
||
|
|
color: var(--main-fg-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--main-fg-color);
|
||
|
|
text-decoration-color: var(--main-accent-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
header #arrows {
|
||
|
|
fill: var(--main-accent-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
header #text {
|
||
|
|
fill: var(--main-fg-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.note {
|
||
|
|
border-left: .15rem solid var(--main-accent-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.warning {
|
||
|
|
border-left: .15rem solid var(--warning-color);
|
||
|
|
}
|