paints the MDN Editor right and left toolboxes and the comment tool to the gray color
/* ==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;
}
}