User:Cronoxyd/vector-2022.css

/*
 * root {

--md-signature-red: #dc0000; --md-teal: #0accaf; --md-dark-teal: #0accaf; --md-lime: #30a632; --md-dark-lime: #35800d; --md-shade-30: #1e1e1e; --md-shade-37: #252525; --md-shade-51: #333; --md-shade-65: #414141; --md-shade-90: #5a5a5a; --md-shade-133: #858585; --primary-color: var(--md-signature-red); --primary-text-color: #fff; --secondary-text-color: #aaa; --white-color: #fff; --yellow-color: #ff0; --highlight: rgba(144,166,48,0.5); --font-heading: "Lato",sans-serif; --font-base: "Raleway",sans-serif; --shadow-base: 0 0 10px rgba(0,0,0,0.2); --dark-base: var(--md-shade-30); --dark-middle: var(--md-shade-37); --dark-light: var(--md-shade-51); --scrollbar-thumb: var(--dark-light); --scrollbar-border: var(--md-shade-65); --animation-base: ease; --animation-base-duration: 400ms; --pulse-loading-animation-duration: 1500ms; --intro-animation-duration: 3500ms; --accent-line-width: 2px; --accent-charm-width: 2rem; --accent-charm-animation-duration: var(--animation-base-duration); --term-name-strikebefore-delay: 500ms; --off-canvas-width: 350px; --site-header-height: 7rem; }

a, .vector-menu-tabs .selected, .vector-menu-portal .vector-menu-content li a, .vector-user-links .vector-user-menu-more .vector-menu-content-list li a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, .sidebar-toc-link { color: var(--primary-color) !important; }

h1, h2, h3, h4, h5, h6, .vector-sticky-header-context-bar-primary { font-family: var(--font-heading) !important; }

body, h1, h2, h3, h4, h5, h6, .wvui-typeahead-search, .wvui-input__input:not([disabled]), .wvui-typeahead-search__suggestions *, .editOptions, .sidebar-toc, .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--primary-text-color) !important; }

html, body { background-color: var(--dark-base); font-family: var(--font-base) !important; }

.mw-page-container, .oo-ui-popupWidget-popup, .wvui-typeahead-search, .wvui-input__input:not([disabled]), .vector-sticky-header, .sidebar-toc, div.thumbinner, .uls-menu, .uls-search { background-color: var(--dark-middle); }

.vector-toc-enabled .mw-sidebar, .oo-ui-popupWidget-body, .mw-echo-ui-placeholderItemWidget, .wvui-typeahead-search__suggestions, .editOptions, .uls-lcd { background-color: var(--dark-light); }

.sidebar-toc:after { background: 0 !important; }

.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link { font-weight: 700; }