biter/static/style.css

81 lines
1.1 KiB
CSS
Raw Normal View History

2024-03-07 17:53:10 +03:00
@import url("catppuccin.css");
/* colors */
:root {
--base: #1e1e2e;
--text: #cdd6f4;
--crust: #11111b;
--surface0: #313244;
--subtext0: #a6adc8;
--subtext1: #bac2de;
--pink: #f5c2e7;
--rosewater: #f5e0dc;
--blue: #89b4fa;
--mauve: #cba6f7;
}
@media (prefers-color-scheme: light) {
:root {
--base: #eff1f5;
--text: #4c4f69;
--crust: #dce0e8;
--surface0: #ccd0da;
--subtext0: #6c6f85;
--subtext1: #5c5f77;
--pink: #ea76cb;
--rosewater: #dc8a78;
--blue: #1e66f5;
--mauve: #8839ef;
}
}
:root {
font-family: sans-serif;
scrollbar-width: none;
background-color: var(--base);
color: var(--text);
}
a {
color: var(--pink);
}
a:hover {
color: var(--rosewater);
}
a:active {
color: var(--blue);
}
a:visited {
color: var(--mauve);
}
footer {
text-align: end;
font-size: small;
opacity: 50%;
}
summary:hover,
summary:active,
details[open] > summary {
font-weight: bolder;
}
summary::after {
content: " (click to expand)";
opacity: 50%;
font-size: smaller;
font-weight: lighter;
}
details[open] > summary::after {
content: " (click to collapse)";
}
@media (min-width: 956px) {
}