User:Headquarter8302/DarkTheme.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ==UserStyle==
@name           theportalwiki.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark theme/style for The Portal Unofficial Wiki
@author         Headquarter8302
==/UserStyle== */
@-moz-document domain("theportalwiki.com") {
  :root {
    --bg: #2a2a2a;
    --bg-content: color-mix(in oklch, var(--bg), white 10%);
    --fg: whitesmoke;
    --fg-subtle: color-mix(in oklch, var(--fg), black 25%);
    --fg-a: color-mix(in oklch, #0645ad, white 65%);
    --fg-a-visited: color-mix(in oklch, var(--fg-a), var(--fg-subtle));
    --fg-a-red: color-mix(in oklch, #ba0000, white 25%);
  }

  body,
  .toc,
  .toccolours,
  figure[typeof~='mw:File/Thumb'],
  figure[typeof~='mw:File/Frame'],
  .catlinks,
  .vector-search-box-input {
    background-color: var(--bg);
  }

  .mw-body {
    background-color: var(--bg-content);
    color: var(--fg);
  }

  #mw-page-base {
    background-image: unset;
    background-color: unset;
  }

  #mw-panel {
    position: fixed;
    backdrop-filter: brightness(0.5);
    width: 8.8%;
  }

  #p-logo a {
    filter: brightness(2) saturate(0.5);
  }

  .mw-heading,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
  figure[typeof~='mw:File/Thumb'],
  figure[typeof~='mw:File/Frame'] {
    color: var(--fg);
  }

  a,
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
  .vector-menu-tabs-legacy .selected a,
  .vector-menu-tabs-legacy .selected a:visited,
  .vector-menu-tabs-legacy li a,
  table.navbox a {
    color: var(--fg-a);
  }


  .vector-menu-tabs-legacy .new a,
  .vector-menu-tabs-legacy .new a:visited {
    color: var(--fg-a-red);
  }

  .vector-menu-tabs-legacy .selected,
  .vector-menu-tabs-legacy li {
    background: unset;
    color: var(--fg-a);
  }

  .vector-menu-dropdown .vector-menu-heading,
  .vector-search-box-input {
    color: var(--fg-subtle);
  }

  a:visited {
    color: var(--fg-a-visited);
  }

  pre,
  code,
  .mw-code {
    background-color: var(--bg);
    color: var(--fg);
  }

  .spoiler-text {
    background-color: rgba(255 255 255 / 0.1);
  }
  
  table.ambox, table.navbox {
    filter: invert(1) hue-rotate(180deg) contrast(0.75) brightness(1.5);
    color: black;
  }
  
  .pwiki-gallery table,
  .infobox,
  .suggestions {
    filter: invert(1) hue-rotate(180deg);
    color: black;
  }
  
  .pwiki-gallery table img, .infobox img {
    filter: invert(1) hue-rotate(180deg);
  }
}