2024-09-02 19:58:59 +02:00
|
|
|
// Overide pico variables
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
--pico-font-family-monospace: "mylilex",
|
|
|
|
|
monospace,
|
|
|
|
|
var(--pico-font-family-emoji);
|
|
|
|
|
--pico-font-family: "mylilex", serif, var(--pico-font-family-emoji);
|
|
|
|
|
--pico-font-weight: 400;
|
|
|
|
|
--line-height-verse: 1.4;
|
|
|
|
|
--verse-p-bottom-space: 2rem;
|
|
|
|
|
--verse-p-bottom-space-larger: 3rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
|
h2,
|
|
|
|
|
h3,
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6,
|
|
|
|
|
thead th,
|
|
|
|
|
thead td,
|
|
|
|
|
tfoot th,
|
|
|
|
|
tfoot td {
|
|
|
|
|
--pico-font-weight: 700;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Adapt the SVG logo color to the colorscheme
|
|
|
|
|
|
|
|
|
|
[data-theme=light],
|
|
|
|
|
:root:not([data-theme=dark]) {
|
|
|
|
|
--logo-color: #000000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
|
|
|
:root:not([data-theme]) {
|
|
|
|
|
--logo-color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-theme=dark] {
|
|
|
|
|
--logo-color: #ffffff;
|
|
|
|
|
}
|
