2021-06-29 16:29:55 +00:00
|
|
|
@font-face {
|
|
|
|
font-family: "Wenceslas";
|
|
|
|
src: url("../fonts/Wenceslas.ttf");
|
|
|
|
}
|
|
|
|
|
2021-06-29 20:43:57 +00:00
|
|
|
@font-face {
|
|
|
|
font-family: "Noto Sans Symbols";
|
|
|
|
src: url("../fonts/NotoSymbolsSmall.woff2") format('woff2');
|
|
|
|
}
|
|
|
|
|
2021-09-14 17:44:40 +00:00
|
|
|
/* default to dark theme */
|
|
|
|
:root {
|
|
|
|
--bg: #21192c;
|
|
|
|
--bg-alt: #1a1423;
|
|
|
|
--bg-code: #3b2947;
|
|
|
|
--border: #3b2d4f;
|
|
|
|
--accent: #f3c3f7;
|
|
|
|
--accent-alt: #e5adea;
|
|
|
|
--line-num: #b37ba7;
|
|
|
|
--url: #9371bc;
|
|
|
|
--glow: #78557c;
|
|
|
|
--code: #9a86fd;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
:root {
|
|
|
|
--bg: #e0cbe9;
|
|
|
|
--bg-alt: #bfa7c9;
|
|
|
|
--bg-code: #e8d2e9;
|
|
|
|
--border: #a38bad;
|
|
|
|
--accent: #21192c;
|
|
|
|
--accent-alt: #1a1423;
|
|
|
|
--line-num: #b58cb8;
|
|
|
|
--url: #6b548b;
|
|
|
|
--glow: #382e46;
|
|
|
|
--code: #3c3836;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-06-29 16:29:55 +00:00
|
|
|
html {
|
2021-09-14 17:44:40 +00:00
|
|
|
background-color: var(--bg);
|
|
|
|
scrollbar-color: var(--bg-alt) var(--bg);
|
2021-06-29 16:29:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
::selection {
|
2021-09-14 17:44:40 +00:00
|
|
|
color: var(--bg);
|
|
|
|
background: var(--accent);
|
2021-06-29 16:29:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
2021-09-14 17:44:40 +00:00
|
|
|
color: var(--url);
|
2021-06-29 16:29:55 +00:00
|
|
|
margin: 0;
|
|
|
|
font-weight: 600;
|
|
|
|
display: inline-block;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
2021-09-14 17:44:40 +00:00
|
|
|
text-decoration: underline dashed var(--url);
|
2021-06-29 16:29:55 +00:00
|
|
|
text-decoration-thickness: 2px;
|
2021-09-14 17:44:40 +00:00
|
|
|
-webkit-text-decoration: underline dashed var(--url);
|
2021-06-29 16:29:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a::before {
|
2021-06-29 20:43:57 +00:00
|
|
|
content: '⛥';
|
|
|
|
font-family: "Noto Sans Symbols";
|
2021-06-29 16:29:55 +00:00
|
|
|
display: inline-block;
|
|
|
|
margin-right: 0.5em;
|
|
|
|
}
|