bidet / internal / handlers / static / style.css

@ daa607db77c458c7a8501d4832981d3707004391 | history

@media (prefers-color-scheme: dark) {
    :root {
        --main-text-color: gainsboro;
        --background-color: black;
        --alt-text-color: lightskyblue;
        --header-color: plum;
        --accent-color: palegreen;
        --unaccent-color: slategrey;
        --contrast-color: lightcoral;
        --selection-bg-color: navy;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --main-text-color: black;
        --background-color: gainsboro;
        --alt-text-color: mediumblue;
        --header-color: purple;
        --accent-color: green;
        --unaccent-color: slategrey;
        --contrast-color: firebrick;
        --selection-bg-color: skyblue;
    }
}

body {
    color: var(--main-text-color);
    background: var(--background-color);
    margin: auto;
    max-width: 80ch;
    font-size: 14px;
    padding: 1em;
    font-family: monospace;
    word-wrap: break-word;
}

h1,
h2,
h3 {
    color: var(--header-color);
}

::selection {
    background: var(--selection-bg-color);
}

hr {
    border-color: var(--header-color);
}

a {
    color: var(--alt-text-color);
    text-decoration: underline;
}

a:hover {
    color: var(--alt-text-color);
    text-decoration: underline;
}

ul {
    margin: 0px;
    padding-left: 20px;
}

ul {
    list-style-type: "";
}

pre {
    overflow-x: auto;
    padding-bottom: 10px;
}

table {
    width: 100%;
}