@ou-imdt/css
Version:
The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.
45 lines (34 loc) • 1.12 kB
CSS
[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);
}