MDN Editor (Gray Toolbox)

Greasy Fork is available in English.

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://greatest.deepsurf.us/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;
    }
}