Dark Guild Wars 2 wiki by themadness

/* ==UserStyle==
@name         Dark Guild Wars 2 wiki
@version      20210919.06.22
@namespace    userstyles.world/user/themadness
@description  Hand-crafted dark style for the guild wars 2 wiki. Not comprehensive, shoot a message if there's something missing you'd like to see added.
@author       themadness
@license      No License
==/UserStyle== */

@-moz-document domain("wiki.guildwars2.com") {
html {
    --old-link-color: #0645ad;
    --link-color: #9e9eff;
    --old-backdrop-bg-color: #f3f3f3; 
    --backdrop-bg-color: #383838;
    --old-main-bg-color: #fff;
    --main-bg-color: #333;
    --white-replacement: #333;
    --old-bg-color-alt: #eee;
    --bg-color-alt: #3B3B3B;
    --old-border-alt: #aaa;
    --border-alt: #5C5C5C;
    --main-content-border-color: #555;
    --old-main-content-color: #000;
    --main-content-color: #c1c1c1;
    --black-foreground-replacement: #c1c1c1;
    --oldmain-bg-color-hover-variant: #F7F7F7;
    --main-bg-color-hover-variant: #3b3b3b;
}

html {
    background-color: var(--backdrop-bg-color)!important;
}
body {
    background-color: var(--backdrop-bg-color)!important;
    color: var(--main-content-color);
}
a,
#p-cactions li a,
#p-personal li a,
.toctogglelabel {
    color: var(--link-color);
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #7474dc;
}
a:visited {
    color: #d0adf0;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: #bea2d7;
}
.portlet h5, .portlet h3 {
    color: #d0d0d0;
}
.mw-body{
    background-color: var(--main-bg-color);
    border-color: var(--main-content-border-color)!important;
    color: var(--main-content-color);
}
.mainpage-background-wrapper {
    background-color: var(--main-bg-color);
}
#p-cactions li.selected {
    background-color: var(--main-bg-color);
    border-color: var(--main-content-border-color)!important;
}
#p-cactions li {
    background-color: var(--bg-color-alt);
    border-color: var(--border-alt) !important;
    border-bottom-color: var(--main-content-border-color)!important;
}

#p-cactions li:hover{
    background-color: var(--main-bg-color-hover-variant);
}
#p-personal .pBody{
    background-color: var(--main-bg-color);    
}
#p-cactions li.selected a,
#p-cactions li.selected a:hover {
    color: var(--main-content-color);
}
#p-cactions .new a {
    color: #f53;
}
h1, h2, h3, h4, h5, h6{
    color: var(--main-content-color);
}
.toc, .mw-warning, .toccolours {
    background-color: #2D363F; /*#f8f9fa*/
    border-color: #575F68 /* #a2a9b1 */
}

div.infobox,
div.nav .box {
    background-color: var(--main-bg-color);
    background-image: linear-gradient(135deg, var(--main-bg-color) 0%, var(--bg-color-alt) 100%);
    border-color: #636363;
}
div.nav .heading {
    border-color: rgba(193,193,193,0.25);
}
.catlinks {
    border-color: #575F68;
    background-color: #393a3b;
}
h1, h2 {
    border-bottom-color: #575F68;
}
.mainpage-banner, .mainpage-cell, #editcopylink {
    background: rgba(51, 51, 51,0.85);
}
.mainpage-cell {
    border-color: #333;
}
.notice .background {
    background-color: var(--main-bg-color-hover-variant);
    border-color: #525252; /* #c0c0c0 */
}
div.nav.location .heading {
    background-color: #402060;
}
div.nav.equip .heading {
    background-color: #7E4B31;
}

hr {
    background-color: #575F68;
}
/* .mw-indicator {
    background: rgba(255,255,255,.15);
    border-radius: 7px;
} */
.mw-indicator img {
/*     filter: drop-shadow(1px 1px 0px #000) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 2px #fff) */
    filter: invert(1) hue-rotate(180deg);
}

div.thumbinner {
    border-color: #464D54; /* #c8ccd1 */
    background-color: #2D363F;
}
img.thumbborder {
    border-color: #323947; /* #eaecf0 */
}
li.gallerybox div.thumb {
    border-color: #464D54; /* #c8ccd1 */
    background-color: #2D363F; /* #f8f9fa */
}

.notice .background {
    background-color: var(--main-bg-color-hover-variant);
    border-color: #525252; /* #c0c0c0 */
}

.spoiler-notice {
    background-color: #952525;
    border-color: #E90000;
}

.table > * > tr > :last-child {
    border-right-color: #636363;
}
.table > tbody > tr:last-child, .table > tbody > tr:last-child > *, .table > tfoot > tr:last-child > * {
    border-bottom-color: #636363;
}
html .thumbimage {
    background-color: var(--main-bg-color);
    border-color: #464D54;
}
.tocnumber {
    color: #afb0b1;
}
div.nav .heading {
    background-color: #1F3F5E;
    background-position: 100% 1.4%;
}
div.nav.mech1 dd, div.nav.mech1 dt, div.nav.mech1 table th {
    border-color: #304e6a;
}

.white {
    background-color: var(--white-replacement);
}
.offwhite {
    background-color: #343B42;
}
.mail {
    border-color: #525252;
    background: #433B27;
}
.table > :first-child > tr:first-child, .table > tbody > tr.heading {
    background-color: var(--bg-color-alt);
    border-color: var(--border-alt) !important;
}
.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
    /* background-color: var(--bg-color-alt); Needs correction due to background image */
    background-color: var(--main-bg-color);
    background-position-y: -12px;
    border-color: var(--border-alt);
}
.table > * > tr > :first-child {
    border-left-color: var(--border-alt);
}
.table tr {
    border-color: var(--border-alt);
}
.table > tbody > tr:nth-child(2n+1) {
    background-color: var(--backdrop-bg-colo);
    border-color: var(--border-alt);
}
.table > tbody, .table > tbody > tr.heading, .table > thead > tr, .table > tbody > tr > [rowspan], .table > tbody > tr > [colspan] {
    border-color: var(--border-alt);
}

.rarity-legendary {
    color: #BC95F2;
}
.rarity-ascended {
    color: #FC7CB2;
}
.rarity-masterwork {
    color: #23BE08;
}
.rarity-fine {
    color: #6EABDD;
}
.rarity-basic {
    color: var(--main-content-color);
}
.rarity-junk {
    color: #888;
}

div.recipe-box .subheading, div.recipe-box .heading {
    background-color: #644E33;
    border-color: rgba(193,193,193,0.25);
}
div.recipe-box dd {
    border-left-color: #736451;
}
div.recipe-box dt {
    border-right-color: #736451;
}
div.recipe-box {
    border-color: var(--border-alt);
    background-color: var(--white-replacement);
    background-image: linear-gradient(135deg, var(--main-bg-color) 0%, var(--bg-color-alt) 100%);
}

.table.recipe > :first-child > tr:first-child, .table.recipe > :first-child > tr:first-child > *, .table.recipe > * > tr.heading, .table.recipe > * > tr.heading > * {
    background-color: #624B30 !important;
    border-color: #AB8655 !important;
}
.table.recipe > tbody > tr:nth-child(2n+1), .table > tbody > tr.recipe:nth-child(2n+1) {
    background-color: #3F3D3B;
}
.table.item > :first-child > tr:first-child, .table.item > :first-child > tr:first-child > *, .table.item > * > tr.heading, .table.item > * > tr.heading > * {
    background-color: #6A2300 !important;
    border-color: #C77045 !important;
}
.table.item > tbody > tr:nth-child(2n+1), .table > tbody > tr.item:nth-child(2n+1) {
    background-color: #46372F;
}
.table.item > * > tr > th, .table > * > tr.item > th {
    background-color: #6D371B;
    border-color: #9D654A;
}
.table.pve > :first-child > tr:first-child, .table.pve > :first-child > tr:first-child > *, .table.pve > * > tr.heading, .table.pve > * > tr.heading > * {
    background-color: #432D00 !important;
    border-color: #97742D !important;
}
.table.pve > tbody > tr:nth-child(2n+1), .table > tbody > tr.pve:nth-child(2n+1) {
    background-color: #383328;
}
.table.pve > * > tr > th, .table > * > tr.pve > th {
    background-color: #4B3F26;
    border-color: #685530;
}
.table.npc > :first-child > tr:first-child, .table.npc > :first-child > tr:first-child > *, .table.npc > * > tr.heading, .table.npc > * > tr.heading > * {
    background-color: #1F3F10 !important;
    border-color: #448822 !important;
    background-position-y: 50%, 1%;
}
.table.npc > * > tr > th, .table > * > tr.npc > th {
    background-color: #2D5A17;
    border-color: #4D6F3C;
}
.table.npc > tbody > tr:nth-child(2n+1), .table > tbody > tr.npc:nth-child(2n+1) {
    background-color: #383D37;
}
.table.crafting > :first-child > tr:first-child, .table.crafting > :first-child > tr:first-child > *, .table.crafting > * > tr.heading, .table.crafting > * > tr.heading > * {
    background-color: #614C30 !important;
    border-color: #AD8959 !important;
}
.table.crafting > * > tr > th, .table > * > tr.crafting > th {
    background-color: #5E554B;
    border-color: #73685B;
}
.table.crafting > tbody > tr:nth-child(2n+1), .table > tbody > tr.crafting:nth-child(2n+1) {
    background-color: #3F3D3B;
}
.table.mech1 > :first-child > tr:first-child, .table.mech1 > :first-child > tr:first-child > *, .table.mech1 > * > tr.heading, .table.mech1 > * > tr.heading > * {
    background-color: #264B71 !important;
    border-color: #7C9DBD !important;
}
.table.mech1 > tbody > tr:nth-child(2n+1), .table > tbody > tr:nth-child(2n+1) {
    background-color: #3B3D3F;
}
.table.mech2 > :first-child > tr:first-child, .table.mech2 > :first-child > tr:first-child > *, .table.mech2 > * > tr.heading, .table.mech2 > * > tr.heading > * {
    background-color: #114242 !important;
    border-color: #218383 !important;
}
.table.mech2 > * > tr > th, .table > * > tr.mech2 > th {
    background-color: #165858;
    border-color: #3B6E6E;
}
.table.mech2 > tbody > tr:nth-child(2n+1), .table > tbody > tr.mech2:nth-child(2n+1) {
    background-color: #1c2a2a;
}
.table.guardian > * > tr > th, .table > * > tr.guardian > th {
    background-color: #3D4A4E;
    border-color: #53646A;
}
.table.guardian > tbody > tr:nth-child(2n+1), .table > tbody > tr.guardian:nth-child(2n+1) {
    background-color: #3A3C3D;
}
.table.revenant > * > tr > th, .table > * > tr.revenant > th {
    background-color: #634E4B;
    border-color: #665956;
}
.table.revenant > tbody > tr:nth-child(2n+1), .table > tbody > tr.revenant:nth-child(2n+1) {
    background-color: #3F3D3...