Template:LCARS portal

/* =========================================================

  PHASE 2A — VECTOR 2022 CONTRAST REPAIR
  ========================================================= */

body.skin-vector-2022 { --background-color-base: var(--aksum-panel); --background-color-neutral-subtle: var(--aksum-panel-light); --background-color-interactive-subtle: #222938; --color-base: var(--aksum-white); --color-emphasized: #ffffff; --color-subtle: #c6cbd4; --color-progressive: var(--aksum-blue-light); --color-visited: #b5cfff; --border-color-base: #707783; --border-color-subtle: #3d4450; }

/* Remove Vector's remaining white sidebar backgrounds */

body.skin-vector-2022 .vector-pinned-container, body.skin-vector-2022 #vector-toc-pinned-container, body.skin-vector-2022 #vector-appearance-pinned-container { background: var(--aksum-panel) !important; color: var(--aksum-white) !important; }

/* Replace the white sidebar fade bands */

body.skin-vector-2022 .vector-sticky-pinned-container::after { background: linear-gradient( rgba(16, 19, 26, 0), var(--aksum-panel) ) !important; }

/* Sidebar and Appearance headings */

body.skin-vector-2022 .vector-pinnable-header-label, body.skin-vector-2022 .vector-pinned-container .vector-menu-heading { color: var(--aksum-gold-light) !important; }

/* Appearance labels and supporting text */

body.skin-vector-2022 #vector-appearance-pinned-container label, body.skin-vector-2022 #vector-appearance-pinned-container .cdx-label__label__text, body.skin-vector-2022 #vector-appearance-pinned-container .cdx-label__description { color: var(--aksum-white) !important; }

body.skin-vector-2022 #vector-appearance-pinned-container .cdx-radio__icon { background-color: var(--aksum-panel-light) !important; border-color: var(--aksum-gray) !important; }

body.skin-vector-2022 #vector-appearance-pinned-container .cdx-radio__input:checked + .cdx-radio__icon { background-color: var(--aksum-blue) !important; border-color: var(--aksum-gold-light) !important; }

/* Contents links and unlinked current entry */

body.skin-vector-2022 #vector-toc-pinned-container .vector-toc-link, body.skin-vector-2022 #vector-toc-pinned-container .vector-toc-text { color: var(--aksum-blue-light) !important; }

body.skin-vector-2022 #vector-toc-pinned-container .vector-toc-list-item-active > .vector-toc-link, body.skin-vector-2022 #vector-toc-pinned-container .vector-toc-list-item-active > .vector-toc-link .vector-toc-text { color: var(--aksum-gold-light) !important; }

/* Selected page tabs: Main Page and Read */

body.skin-vector-2022 .vector-menu-tabs .mw-list-item.selected > a, body.skin-vector-2022 .vector-menu-tabs .mw-list-item.selected > a span { color: var(--aksum-gold-light) !important; }

/* Tools and dropdown labels */

body.skin-vector-2022 .vector-dropdown-label, body.skin-vector-2022 .vector-dropdown-label-text, body.skin-vector-2022 .vector-dropdown-label-text span { color: var(--aksum-white) !important; }

/* Make pin/hide controls part of the LCARS palette */

body.skin-vector-2022 .vector-pinnable-header-toggle-button { background: var(--aksum-gold) !important; color: var(--aksum-black) !important; border-color: var(--aksum-gold) !important; font-weight: 700; }

/* Search suggestions and Codex menus */

body.skin-vector-2022 #searchform, body.skin-vector-2022 .cdx-search-input, body.skin-vector-2022 .cdx-typeahead-search { background: transparent !important; }

body.skin-vector-2022 .cdx-menu, body.skin-vector-2022 .cdx-menu__listbox, body.skin-vector-2022 .cdx-typeahead-search__menu { background: var(--aksum-panel-light) !important; color: var(--aksum-white) !important; border-color: var(--aksum-gold) !important; }

body.skin-vector-2022 .cdx-menu-item, body.skin-vector-2022 .cdx-menu-item__text, body.skin-vector-2022 .cdx-menu-item__text__label { color: var(--aksum-white) !important; }

/* Footer text and MediaWiki badge */

body.skin-vector-2022 .mw-footer, body.skin-vector-2022 .mw-footer li, body.skin-vector-2022 #footer-info-lastmod { background: var(--aksum-black) !important; color: var(--aksum-gray) !important; }

body.skin-vector-2022 #footer-icons .cdx-button { background: var(--aksum-panel-light) !important; border-color: var(--aksum-gold) !important; }

body.skin-vector-2022 #footer-icons img { filter: invert(1) brightness(1.25); }