/* ==UserStyle==
@name           p337.info TF2 View and Skins - Dark Mode
@namespace      typpi.online
@version        1.0.5
@description    Dark mode for TF2 View on P337.info
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues
@var color background-color "Background Color" #000000
@var color border-color "Border Color" #5d08a3
@var color link-background-color "Link Background Color" #5d08a312
@var color hover-background-color "Hover Background Color" #a308841f
==/UserStyle== */
@-moz-document domain("p337.info") {
:root {
--background-color: var(background-color);
--border-color: var(border-color);
--link-background-color: var(link-background-color);
--hover-background-color: var(hover-background-color);
}
/* Invert colors except images and videos */
html,
img,
svg,
video,
iframe,
body,
*:not(.rarity, .c_dot) {
background: var(--background-color) !important;
}
.warpaint_prev,
.warpaint {
border: 1px ridge var(--border-color);
}
.link,
#primary_nav_wrap ul ul a {
border: 1px dashed var(--border-color);
background: var(--link-background-color) !important;
padding: 12px;
}
.link:hover,
#primary_nav_wrap ul ul a:hover {
border: 1px dashed var(--border-color);
background: var(--hover-background-color) !important;
padding: 12px;
}
.tf2_image {
background: unset !important;
}
}