wiki.teamfortress.com - Dark Mode [Customizable] by Nick2bad4u

/* ==UserStyle==
@name           wiki.teamfortress.com - Dark Mode [Customizable]
@namespace      typpi.online
@version        1.1.1
@description    Dark Theme for Team Fortress Wiki
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues
@downloadURL    https://raw.githubusercontent.com/Nick2bad4u/UserStyles/refs/heads/main/TeamFortressWIki-Dark.user.css

@var color background-neutral "Neutral Background" #e9e9e9
@var color text-color "Text Color" #000000
@var color hover-color "Hover Color" #c25c00
@var color link-color "Link Color" #075ce9
@var color visited-link-color "Visited Link Color" #ff0051
==/UserStyle== */
@-moz-document domain("wiki.teamfortress.com") {
  /* Stylus Variables */
  :root {
    --background-neutral: var(background-neutral);
    --text-color: var(text-color);
    --hover-color: var(hover-color);
    --link-color: var(link-color);
    --visited-link-color: var(visited-link-color);
  }

  /* Invert colors except images and videos */
  html:not([stylus-iframe]),
  img,
  svg,
  video,
  .qua_unusual,
  .mw-wiki-logo,
  .quality-tag,
  .qua_unique,
  .btn_buynow_market,
  iframe {
    filter: invert(1) hue-rotate(180deg) !important;
  }

  .tfwiki-backpack-item,
  .att_neutral {
    background: var(--background-neutral) !important;
    color: var(--text-color) !important;
  }

  div.vectorTabs ul li,
  div.vectorTabs ul li *,
  div.vectorTabs li.selected a,
  div.vectorTabs li.selected a:visited {
    color: var(--text-color) !important;
  }

  div.vectorTabs ul li:hover * {
    color: var(--hover-color) !important;
    text-shadow: #ffffff -2px -1px 1px;
  }

  li#pt-userpage,
  li#pt-anonuserpage,
  li#pt-login,
  #pt-login > a {
    color: var(--hover-color) !important;
  }

  a:link {
    color: var(--link-color) !important;
  }

  a:visited {
    color: var(--visited-link-color) !important;
  }

  #right-sidebar
    > table
    > tbody
    > tr:nth-child(20)
    > td
    > div
    > center
    > div {
    background: var(--background-neutral) !important;
  }
}