jsxgraph.uni-bayreuth.de Darkish Mode by doctorwhat7u

/* ==UserStyle==
@name         jsxgraph.uni-bayreuth.de Darkish Mode
@version      20211012.03.25
@namespace    userstyles.world/user/doctorwhat7u
@description  A work in progress, just making the blaring bright white screen easier to read for hours and hours.
@author       doctorwhat7u
@license      No License
==/UserStyle== */

@-moz-document domain("jsxgraph.uni-bayreuth.de") {
:root {
    --background-dark:#3A363B;
    --background-darker:#221B14;
    --background-default: #221D1D;
    

    --foreground-default:#7E817C;
    
    --text-default:#C6BEB6;
    --text-secondary:#BB9C80;
    
    --link:#858ED0;
    --linkHover: #B9B8EA;
    --linkVisited: #5468AD;
    --red: #D81E28;
}

html, body {
    font-family:Avenir;
    background:var(--background-default);
}
.mw-body {
    background: var(--background-darker);
    color: var(--foreground-default);
}
.firstHeading {
    background: var(--background-default);
    color: var(--foreground-default);
}

#jxgbox > svg {
    background: #1A1A14;
}
@media screen and (min-width: 551px) {
    .pBody {
        background-color: var(--background-default);
        border: 1px solid var(--background-default);
    }
}
.pBody {
    font-size: 95%;
    color: var(--text-default);
}

a, a:link {
    color: var(--link);
    font-size:1rem;
}
a:visited {
    color: var(--linkVisited);
}

a:hover {
    color: var(--linkHover);
}

pre, .mw-code {
    background:#2A221C;   
    color:#B876B0;
    font-family:'Source Code Pro';
    font-size:1.2rem;
    line-height:1.2em;
}

.mw-highlight .mi {
    color: #63cbb1;
}

.mw-highlight .o {
    color: #E1E3E2;
}
.mw-highlight .s1 {
    color: #F681D9;
}
.mw-highlight .kd {
    color: #8F80DC;
    font-weight: bold;
}
.mw-highlight .nb {
    color: #F3517A;
}
h1, h2, h3, h4, h5, h6 {
    color: #D81E28;
}
}