49 lines
758 B
CSS
49 lines
758 B
CSS
|
/* preloads */
|
||
|
|
@font-face {
|
||
|
|
font-family: pixelegance;
|
||
|
|
src: url("/fonts/pixelegance.ttf")
|
||
|
|
}
|
||
|
|
|
||
|
|
/* main color theme */
|
||
|
|
:root {
|
||
|
|
--boxbg: ;
|
||
|
|
--text: ;
|
||
|
|
--primary: ;
|
||
|
|
--secondary: ;
|
||
|
|
--accent: ;
|
||
|
|
--link: ;
|
||
|
|
--linkhover: ;
|
||
|
|
--highlight: ;
|
||
|
|
--dark: ;
|
||
|
|
--gridbg: ;
|
||
|
|
--gridline: ;
|
||
|
|
}
|
||
|
|
/* dark mode */
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
:root {
|
||
|
|
--boxbg: ;
|
||
|
|
--text: ;
|
||
|
|
--primary: ;
|
||
|
|
--secondary: ;
|
||
|
|
--accent: ;
|
||
|
|
--link: ;
|
||
|
|
--linkhover: ;
|
||
|
|
--highlight: ;
|
||
|
|
--gridbg: ;
|
||
|
|
--gridline: ;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid {
|
||
|
|
background-image:
|
||
|
|
linear-gradient(to right, var(--gridbg) 1px, transparent 1px),
|
||
|
|
linear-gradient(to bottom, var(--gridline) 1px, transparent 1px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.spoiler {
|
||
|
|
background-color: var(--dark);
|
||
|
|
}
|
||
|
|
|
||
|
|
.spoiler:hover {
|
||
|
|
background-color: inherit;
|
||
|
|
}
|