Dark Theme for Team Fortress Wiki
Per
/* ==UserStyle==
@name wiki.teamfortress.com - Dark Mode [Customizable]
@namespace typpi.online
@version 1.1.0
@description Dark Theme for Team Fortress Wiki
@author Nick2bad4u
@license UnLicense
@homepageURL https://github.com/Nick2bad4u/UserStyles
@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;
}
}