Roll 20 - Vampire Dark Mode by Fallarnon

/* ==UserStyle==
@name         Roll 20 - Vampire Dark Mode
@version      20231113.03.16
@namespace    userstyles.world/user/Fallarnon
@description  Dark mode styles for Vampire The Masquerade on Roll 20
@author       Fallarnon
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://app.roll20.net/editor/") {
#editor-wrapper {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), rgb(35, 37, 39) !important;
}
.charsheet {
    color: rgb(122, 122, 122);
}
.charsheet,
.sheet-darkmode .sheetform {
    background: rgb(31, 31, 31);
}
.charsheet input.sheet-tab + span::before {
    border-radius: 0.35em 0.35em 0 0;
    background-color: rgb(24, 24, 24);
    color: rgb(122, 0, 0);
    border-bottom: 0px;
    box-shadow: inset rgba(122, 0, 0, 0.5) 0px 0px 5px;
}
.charsheet input.sheet-tab:checked + span::before {
    background-color: rgb(122, 0, 0);
    box-shadow: inset rgba(20, 20, 20, 0.5) 0px 0px 5px;
    color: rgb(220, 220, 220);
}
.charsheet .sheet-thin-divide,
.charsheet .sheet-thick-divide {
    border-color: rgb(122, 0, 0);
}
.charsheet h1,
.charsheet h2,
.charsheet h3,
.charsheet h4,
.charsheet label,
.charsheet th {
    color: rgb(122, 122, 122);
}
.sheet-darkmode .characterviewer label,
.sheet-darkmode .options .row > span {
    color: rgb(153, 153, 153);
}
input,
button,
select,
textarea {
    background-color: rgb(20, 20, 20);
    border-color: rgb(62, 62, 62);
    color: rgb(122, 122, 122);
}
.charsheet button.sheet-diebutton-simple,
.btn.repcontrol_add,
.btn.repcontrol_edit {
    background: rgb(60, 20, 20);
    border-color: rgb(20, 20, 20);
    color: rgb(122, 122, 122);
    box-shadow: none;
}
.charactersheet img {
    filter: invert(100%);
}
.charsheet .sheet-header {
    color: rgb(122, 0, 0) !important;
    text-transform: uppercase;
}
.charsheet input.sheet-defaultRadioBox + span::before {
    background: rgb(20, 20, 20) !important;
    border: 1px solid rgb(50, 50, 50) !important;
    color: rgb(122, 0, 0) !important;
    box-shadow: none !important;
}
.charsheet input.sheet-zero + span::before {
    opacity: 1;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: rgb(122, 0, 0) !important;
    text-align: center;
}
.charsheet span.sheet-health-box,
.charsheet span.sheet-humanity-box {
    background-color: rgb(20, 20, 20);
    border: 1px solid rgb(50, 50, 50) !important;
    color: rgb(122, 122, 122);
}
.charsheet span.sheet-no-willpower {
    background-color: rgb(24, 126, 42);
}
.charsheet span.sheet-no-health,
.charsheet span.sheet-no-humanity {
    background-color: rgb(122, 0, 0);
}
.sheet-rolltemplate-darkmode table {
    background: transparent;
    border-color: rgb(50, 50, 50);
    border-width: 1px 0px;
}
.sheet-rolltemplate-darkmode td {
    color: rgb(179, 179, 179);
}
.sheet-rolltemplate-darkmode span.inlinerollresult {
    background: transparent;
    border: transparent;
    color: rgb(179, 179, 179);
}
.sheet-rolltemplate-darkmode span.inlinerollresult.fullfail {
    color: rgb(179,0,0);
}
.sheet-rolltemplate-darkmode span.inlinerollresult.fullcrit {
    color: rgb(0, 179,0);
}
}