Aezay

Firefox Dark Theme Restorer

May 27th, 2016
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.86 KB | None | 0 0
  1. /* Dark Developer Theme Restorer */
  2. /* Undos: https://bug1205330.bmoattachments.org/attachment.cgi?id=8748690 */
  3. :root[devtoolstheme="dark"] {
  4.     /* Chrome */
  5.     --chrome-background-color: #1C2126 !important;
  6.     --chrome-secondary-background-color: #39424D !important;
  7.     --chrome-selection-background-color: #074D75 !important;
  8.  
  9.     /* Tabs */
  10.     --tab-selection-background-color: #1a4666 !important;
  11.     --tab-selection-box-shadow: 0 2px 0 #D7F1FF inset,
  12.                                 0 -2px 0 rgba(0,0,0,.05) inset,
  13.                                 0 -1px 0 rgba(0,0,0,.3) inset !important;
  14.  
  15.     /* Toolbar buttons */
  16.     --toolbarbutton-checkedhover-backgroundcolor: #1D4F73 !important;
  17.  
  18.     /* gcli */
  19.     --gcli-background-color: #343c45 !important; /* --theme-toolbar-background */
  20.     --gcli-input-focused-background: #252c33 !important; /* --theme-tab-toolbar-background */
  21.     --gcli-border-color: black !important; /* --theme-splitter-color */
  22. }
  23.  
  24. .tabbrowser-tab[visuallyselected] {
  25.     box-shadow: var(--tab-selection-box-shadow) !important;
  26. }
  27.  
  28. :root[devtoolstheme="dark"] #developer-toolbar {
  29.     --gcli-background-color: #343c45 !important; /* --theme-toolbar-background */
  30.     --gcli-input-background: rgba(37, 44, 51, .6) !important; /* --theme-tab-toolbar-background */
  31.     --gcli-input-focused-background: #252c33 !important; /* --theme-tab-toolbar-background */
  32.     --gcli-border-color: black !important; /* --theme-splitter-color */
  33.     --selection-background: #1d4f73 !important; /* --theme-selection-background */
  34. }
  35.  
  36. .theme-dark .trace-item.selected-matching {
  37.     background-color: rgba(29,79,115,.4) !important; /* Select highlight blue at 40% alpha */
  38. }
  39.  
  40. .theme-dark .selected > .trace-item {
  41.     background-color: rgba(29,79,115,.6) !important; /* Select highlight blue at 60% alpha */
  42. }
  43.  
  44. .theme-dark .dbg-search-result:hover {
  45.     background-color: rgba(29,79,115,.2) !important; /* Select highlight blue at 40% alpha */
  46. }
  47.  
  48. .theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked=true] {
  49.     background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */
  50.     color: var(--theme-selection-color) !important;
  51. }
  52.  
  53. .theme-dark .devtools-tabbar {
  54.     box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset !important;
  55. }
  56.  
  57. .theme-dark .devtools-tabbar .devtools-tab[selected] {
  58.     box-shadow: 0 2px 0 #d7f1ff inset,
  59.                 0 8px 3px -5px #2b82bf inset,
  60.                 0 -2px 0 rgba(0,0,0,.2) inset !important;
  61. }
  62.  
  63. :root.theme-dark {
  64.     --theme-body-background: #14171a !important;
  65.     --theme-sidebar-background: #181d20 !important;
  66.     --theme-contrast-background: #b28025 !important;
  67.     --theme-tab-toolbar-background: #252c33 !important;
  68.     --theme-toolbar-background: #343c45 !important;
  69.     --theme-selection-background: #1d4f73 !important;
  70.     --theme-selection-background-semitransparent: rgba(29, 79, 115, .5) !important;
  71.     --theme-splitter-color: black !important;
  72.     --theme-highlight-green: #70bf53 !important;
  73.     --theme-highlight-purple: #6b7abb !important;
  74. }
Advertisement
Add Comment
Please, Sign In to add comment