dark mode for integral calculator by TheWarpingTesseract

/* ==UserStyle==
@name         dark mode
@version      20240102.16.33
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://www.integral-calculator.com/") {
#content {
    background: #161616;
}

body,
html {
    color: #dadada;
    background: #313131;
}

h1,
h2 {
    color: #b08cff;
    text-shadow: 0 0 .1em black, 0 0 .2em rgba(0, 0, 0, .5);
}

.formula {
    background: #313131;
    color: #c0a3ff;
}

#upper-bound-mathjax,
#lower-bound-mathjax,
#int-var-mathjax {
    background-color: #000;
    box-shadow: 0 0 0 1px #d8d8e0;
    cursor: pointer;
}

#pages {
    background: #313131;
}

.tab {
    background: #000;
    color: #b593ff;
    text-shadow: none;
}

.tab .active {
    background: #2b2643 !important;
}


#examples a {
    background-color: #0000;
}

#upper-bound-inf,
#lower-bound-minf {
    color: #fff !important;
}

#calc {
    background-color: #313131 !important;
    background-image: none !important;
}

.calc-content {
    color: #fff;
}

.calc-info {
    background-color: #575757 !important;
}

.calc-header {
    color: black;
}
#integral-sign {
    filter: invert();
}

#examples a,
a.bound-button,
#calculation-toolbar a,
a.simplify-button,
a.show-steps-button,
a.enable-strict-mode-button,
a.disable-strict-mode-button,
a.numerical-only-button,
#switch-mode-button,
a.alternative-button,
a.reset-alternatives-button,
#reload-page-button,
#generate-problem-button,
#accept-problem-button,
#plot-zoom-equalize-button,
a.support-me-button,
a.exports-copy-to-clipboard-button {
    background-color: #2b2643;
}

#icon-explanation > div {
    background: black;
}

a.alternative-button {
    color: inherit !important;
}

.support-me.highlighted {
    color: black;
}

.support-me-button {
    color: white !important;
}

a:link,
a:visited {
    color: inherit;
}

.tab:hover,
#examples a:hover,
a.bound-button:hover,
#calculation-toolbar a:hover,
a.simplify-button:hover,
a.show-steps-button:hover,
a.enable-strict-mode-button:hover,
a.disable-strict-mode-button:hover,
a.numerical-only-button:hover,
#switch-mode-button:hover,
a.alternative-button:hover,
a.reset-alternatives-button:hover,
#reload-page-button:hover,
#plot-zoom-equalize-button:hover,
a.support-me-button:hover,
a.exports-copy-to-clipboard-button:hover {
    background-color: #56556b;
}

.calc-look-up-definition {
    color: black;
}

#plot {
    background-color: #313131;
    background-image: none;
}

#plot-canvas {
    filter: invert();
}

.plot-toolbox {
    background-color: #161616 !important;
}

#how-it-works img {
    filter: invert();
}
}