MDN Editor (Gray Toolbox)

paints the MDN Editor right and left toolboxes and the comment tool to the gray color
Visit the author's site for support, ask a question, post a review, or report the script.
Wrap lines
/* ==UserStyle==
@name           MDN Editor (Gray Toolbox)
@namespace      almaceleste
@version        0.1.3
@description    paints the MDN Editor right and left toolboxes and the comment tool to the gray color
@author         almaceleste (https://almaceleste.github.io)
@license        AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt

@homepageURL    https://greasyfork.org/en/scripts/402636-mdn-editor-gray-toolbox
@homepageURL    https://openusercss.org/theme/5eb0aee87e7df90c001f8a9c
@homepageURL    https://userstyles.org/styles/182308
@homepageURL    https://github.com/almaceleste/userstyles
@supportURL     https://github.com/almaceleste/userstyles/issues

@preprocessor   uso
@var select     background-color 'background color' {
    'deepdarkgray': '#111',
    'darkgray': '#222',
    'deepgray*': '#333',
    'dimgray': '#696969',
    'gray': '#808080'
}
@var select     foreground-color 'foreground color' [
    'black',
    'dimgray',
    'gray',
    'lightgray',
    'whitesmoke*'
]
==/UserStyle== */

@-moz-document regexp('https://wiki\\.developer\\.mozilla\\.org/.*\\$edit(#.*)?') {
    #content-fields > .approved > header,
    #page-comment {
        background-color: /*[[background-color]]*/ !important;
    }

    #content-fields > .approved > header > h3,
    #page-comment > h3 {
        color: /*[[foreground-color]]*/ !important;
        font-family: sans-serif;
    }

    .cke_combo_button,
    .cke_toolgroup,
    .cke_top,
    .cke_bottom {
        background-color: /*[[background-color]]*/ !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    
    .cke_button_label,
    .cke_combo_text,
    a.cke_path_item, 
    span.cke_path_empty {
        color: /*[[foreground-color]]*/ !important;
        text-shadow: none !important;
    }
    .cke_button span:not(#cke_16_label),
    .cke_button_icon span {
        filter: drop-shadow(0 0 1px /*[[foreground-color]]*/) drop-shadow(0 0 1px /*[[foreground-color]]*/) drop-shadow(0 0 1px /*[[foreground-color]]*/) !important;
    }
}