~sirodoht/mataroa

e41ccd0181757f64258e9cad93ade228687cb614 — Theodore Keloglou 5 months ago 42093b8
add dark mode
1 files changed, 21 insertions(+), 0 deletions(-)

M main/static/style.css
M main/static/style.css => main/static/style.css +21 -0
@@ 191,12 191,28 @@ template {
    --purple-color: #cd1ecd;
}

/* dark mode
 * create a new color (dark-mode-color)
 * override an existing color (dark-grey-color) */
@media (prefers-color-scheme: dark) {
    :root {
        --dark-mode-color: #1c1b22;
        --dark-grey-color: #78828a;
    }
}

html,
body {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
@media (prefers-color-scheme: dark) {
    body {
        color: #fff;
        background: var(--dark-mode-color);
    }
}

a {
    text-decoration: none;


@@ 619,6 635,11 @@ form .helptext {
.webring-name {
    color: #000;
}
@media (prefers-color-scheme: dark) {
    .webring-name {
        color: #fff;
    }
}

/* post detail */
.posts-item-title {