Dark Theme for Squad Rats
/* ==UserStyle==
@name squadrats.com - Dark Mode
@namespace typpi.online
@version 1.0.3
@description Dark Theme for Squad Rats
@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 text-color "Text Color" #ffffff
@var color input-background-color "Input Background Color" #ddbcff
==/UserStyle== */
@-moz-document domain("squadrats.com") {
:root {
--background-color: var(background-color);
--text-color: var(text-color);
--input-background-color: var(input-background-color);
}
/* Invert colors except images and videos */
*:not(
#classification #neighbours,
img,
svg,
.change-email,
select,
input,
.provider-icons
) {
background: var(--background-color) !important;
color: var(--text-color) !important;
}
.mapboxgl-canvas.maplibregl-canvas,
.leader-map,
.activity-image {
filter: invert(1) hue-rotate(180deg);
}
select,
input {
background-position:
right 0.7em top 50%,
0 0 !important;
background-size:
0.65em auto,
100% !important;
background-repeat: no-repeat, repeat !important;
background-color: var(
--input-background-color
) !important;
}
}