☰

MDN Editor (Gray Toolbox)

paints the MDN Editor right and left toolboxes and the comment tool to the gray color

  1. /* ==UserStyle==
  2. @name           MDN Editor (Gray Toolbox)
  3. @namespace      almaceleste
  4. @version        0.1.3
  5. @description    paints the MDN Editor right and left toolboxes and the comment tool to the gray color
  6. @author         almaceleste (https://almaceleste.github.io)
  7. @license        AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt
  8.  
  9. @homepageURL    https://greatest.deepsurf.us/en/scripts/402636-mdn-editor-gray-toolbox
  10. @homepageURL    https://openusercss.org/theme/5eb0aee87e7df90c001f8a9c
  11. @homepageURL    https://userstyles.org/styles/182308
  12. @homepageURL    https://github.com/almaceleste/userstyles
  13. @supportURL     https://github.com/almaceleste/userstyles/issues
  14.  
  15. @preprocessor   uso
  16. @var select     background-color 'background color' {
  17.     'deepdarkgray': '#111',
  18.     'darkgray': '#222',
  19.     'deepgray*': '#333',
  20.     'dimgray': '#696969',
  21.     'gray': '#808080'
  22. }
  23. @var select     foreground-color 'foreground color' [
  24.     'black',
  25.     'dimgray',
  26.     'gray',
  27.     'lightgray',
  28.     'whitesmoke*'
  29. ]
  30. ==/UserStyle== */
  31.  
  32. @-moz-document regexp('https://wiki\\.developer\\.mozilla\\.org/.*\\$edit(#.*)?') {
  33.     #content-fields > .approved > header,
  34.     #page-comment {
  35.         background-color: /*[[background-color]]*/ !important;
  36.     }
  37.  
  38.     #content-fields > .approved > header > h3,
  39.     #page-comment > h3 {
  40.         color: /*[[foreground-color]]*/ !important;
  41.         font-family: sans-serif;
  42.     }
  43.  
  44.     .cke_combo_button,
  45.     .cke_toolgroup,
  46.     .cke_top,
  47.     .cke_bottom {
  48.         background-color: /*[[background-color]]*/ !important;
  49.         background-image: none !important;
  50.         box-shadow: none !important;
  51.     }
  52.     
  53.     .cke_button_label,
  54.     .cke_combo_text,
  55.     a.cke_path_item, 
  56.     span.cke_path_empty {
  57.         color: /*[[foreground-color]]*/ !important;
  58.         text-shadow: none !important;
  59.     }
  60.     .cke_button span:not(#cke_16_label),
  61.     .cke_button_icon span {
  62.         filter: drop-shadow(0 0 1px /*[[foreground-color]]*/) drop-shadow(0 0 1px /*[[foreground-color]]*/) drop-shadow(0 0 1px /*[[foreground-color]]*/) !important;
  63.     }
  64. }