openmw/docs/source/_static/theme-override.css

:root {
    --link: #4a90e2;
    --link-hover: #1c6cd9;
}

/* Less aggressive dark background */
@media (prefers-color-scheme: dark) {
    :root {
        --background: 220 20% 7% !important;
    }
}

/* Hide text underline in tables since the underlines clash with table lines */
#content a.sd-badge:not(.toc-backref), #content table a:not(.toc-backref)  {
    text-decoration: none;
}

/* Override link colors, default is foreground */
#content a:not(.toc-backref) {
    color: var(--link);
}

#content a:not(.toc-backref):hover, #content a:not(.toc-backref):focus {
    color: var(--link-hover);
}

#content .highlight {
    background-color: hsl(var(--accent)) !important;
    border-radius: 0.25rem;
}

/* Disables the saturation filter on project icon in dark mode */
.dark\:invert {
    --tw-invert: none !important;
}

/* Disable no-wrap set on some code blocks, causing x-overflow issues in right bar */
code {
    white-space: normal;
}

/* Hide the keybind shortcut for search, we haven't linked this to sphinx search addon yet */
#searchbox kbd {
    display: none !important;
}

/* Table headers are bolded in dark mode, do it in light mode too */
table th {
    font-weight: 600 !important;
}

/* Highlight non-header rows on hover */
tbody tr:hover {
    background-color: hsl(var(--muted));
}

/* Increase maximum width for docs, default is quite narrow at 1400px max */
@media (min-width: 1400px) {
    .container {
        max-width: 2000px !important;
    }
}

/* Less intrusive scrollbar in left section TOC */
#left-sidebar::-webkit-scrollbar {
    width: 6px;
    border-radius: 0;
}

#left-sidebar::-webkit-scrollbar-thumb {
    background-color: hsl(var(--border));;
    border-radius: 0;
}

#left-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: hsl(var(--muted));;
}

@media (min-width: 1024px) {
    .container:has(#left-sidebar) {
        grid-template-columns: 310px minmax(0, 1fr);
    }
}

/* Always enable scrollbar in left TOC to prevent layout shifts when expanding */
#left-sidebar {
    overflow-y: scroll;
}