Desmos Scientific Dark Mode by griffi-gh

/* ==UserStyle==
@name           Desmos Scientific Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.1
@description    Desmos Scientific Dark Mode
@author         griffi-gh
@license        MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.desmos.com/scientific") {
    body {
        background: #222 !important;
        color: white;
    }
    
    /* HEADER */
    .dcg-main-header-container {
        background: #111 !important;
        color: white;
    }
    .dcg-icon-button-container * {
        color: white !important;
    }
    .dcg-header-link-title-container:not(:hover), .dcg-header-link-title-container * {
        color: #bbb !important;
    }
    .dcg-header-link-title-container:hover {
        color: #777 !important;
    }
    .dcg-header-link-dropdown {
        background: #444 !important;
    }
    .dcg-header-link-dropdown * {
        color: #eee !important;
    }
    
    /* MODAL (e.g. login) */
    .dcg-shared-modal-contents-wrapper {
        background: #333 !important;
        color: white !important;
    }
    .dcg-shared-switch-account-message {
        color: #aaa !important;
    }
    .dcg-shared-bg-line > span {
        background: #333 !important;
        color: #eee !important;
    }
    
    /* FOOTER */
    .dcg-basic-calculator-footer * {
        color: #666 !important;
    }
    
    /* CALCULATOR WIDGET */
    .dcg-container, .dcg-calc-basic-main {
        background: #333 !important;
    }
    .dcg-calculator-api-container, .dcg-mq-root-block {
        color: white !important;
    }
    .dcg-keypad-btn, .dcg-keypad-control-btn, .dcg-keypad-control-toggle {
        background: linear-gradient(#333, #222) !important;
        border-color: #444 !important;
        color: #ddd !important;
    }
    .dcg-ctrl-toggle-cover {
        background: linear-gradient(#444, #555) !important;
    }
    .dcg-mq-editable-field:not(.dcg-no-fadeout)::after {
        background: linear-gradient(to right,#0000,#333) !important;
    }
    .dcg-answer-hint {
        color: white !important;
    }
    .dcg-basic-fraction-toggle {
        color: #aaa !important;
        border-color: #aaa !important;
    }
}