Dark mode (Stylish support)

[VulumeCode]

Made my own dark mode. This can be loaded in Stylish. Maybe it can be integrated in the app itself at some point.

https://userstyles.org/styles/226858/darkmode-interrogation-ftwinston-com

@-moz-document url-prefix("https://interrogation.ftwinston.com") {
:root {
    --bg: rgb(34, 33, 41);
    --yellow: rgb(255, 168, 106);
    --white: #bbb;
    --grey: #555;
    --blue: #566cc3;
    --darken: #0004;
}
* {
    font-family: monospace !important;
}
body {
    background: var(--bg);
}
div, span, button, p {
    color:var(--white) !important;
    border-color:var(--white) !important;
}
a {
    color:var(--yellow) !important;
    text-decoration-color:var(--yellow) !important;
    border-color:var(--blue) !important;
}
.MuiButton-outlinedPrimary {
    border-color:var(--yellow) !important;
}
h1, h2, h3, h4, h5, h6, h7 {
    color:var(--yellow) !important;
}
.MuiTouchRipple-child {
    background-color: var(--yellow) !important;
}
.MuiListItem-button:hover {
    background-color: var(--darken) !important;
}
.MuiPaper-root {
    background-color: var(--darken) !important;
}
.MuiPopover-paper {
    background-color: var(--bg) !important;
    border-color: var(--yellow) !important;
    border-width: 1px !important;
    border-style: solid !important;
}
.MuiTypography-colorTextSecondary {
    color: var(--blue) !important;
}
.MuiCard-root .MuiTypography-colorTextSecondary:nth-child(2) {
    color:var(--grey) !important;
}
.MuiFab-primary {
    background-color:var(--blue);
}
.interference__cell--westBorder {
    border-left-color: var(--blue);
}
.interference__cell--southBorder {
    border-bottom-color: var(--blue);
}
.interference__cell--eastBorder {
    border-right-color: var(--blue);
}
.interference__cell--northBorder {
    border-top-color: var(--blue);
}
.interference {
    color:var(--yellow) !important;
}
}