website/resources/code.css

code {
    font-family: "Iosevka Web", monospace;
    background-color: light-dark(#fbf3db, #103c48);
    color: light-dark(#53676d, #adbcbc);
    padding: 0.25ch;
}

pre > code {
    width: 80%;
    display: block;
    padding: 1rem;
    border-radius: 0.55rem / 0.5rem;
    white-space: pre-wrap;
    overflow-x: auto;
}

pre {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hl-type {
    color: light-dark(#ad8900, #dbb32d);
}

.hl-module {
    font-style: italic;
}

.hl-function {
    color: light-dark(#428b00, #84c747);
}

.hl-bound {
    color: light-dark(#ca4898, #f275be);
}

.hl-keyword {
    color: light-dark(#0072d4, #4695f7);
}

.hl-comment {
    color: light-dark(#909995, #72898f);
}

.hl-data {
    color: light-dark(#d2212d, #ed4a46)
}

/* TODO: Footnote hover */