@ou-imdt/css/dist/themes/dark.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

[data-theme*="dark"] {
    --base-theme: dark;
    --accent: #FFC23D;
    --accent-fg: #ffffff;
    --bg1: #333333;
    --fg1: #ffffff;
    --table-thead-bg: #312B39;
    --table-thead-fg: #ffffff;
    --outline: 2px solid var(--accent);
    --border: 1px solid var(--accent);

    --h-color: var(--accent);

    --hr-color: var(--accent);

    --a-color: var(--accent);
    --a-focus-outline: var(--outline);

    --btn-bg: var(--bg1);
    --btn-fg: var(--accent);
    --btn-active-bg: var(--accent);
    --btn-border: var(--border);
    --btn-outline: double 4px var(--accent);

    --input-border: 1px solid var(--fg1);

    --ternary-border: 2px solid var(--accent);
    --ternary-inner-color: var(--accent);

    --u-color: var(--fg1);

    --range-track-color: var(--accent);
    --range-thumb-border: 0.15rem solid var(--accent);

    --table-thead-bg: #312B39;
    --table-thead-fg: #ffffff;
    --table-tfoot-bg: var(--table-thead-bg);
    --table-tfoot-fg: var(--table-thead-fg);

    --details-border: var(--border);

    --dialog-border: var(--border);
    --dialog-bg: var(--bg1);
    --dialog-fg: var(--fg1);
}