SHARE
TWEET

Untitled

a guest Aug 18th, 2018 91 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. :root {
  3.   --magenta-50: #ff1ad9;
  4.   --magenta-60: #ed00b5;
  5.   --magenta-70: #b5007f;
  6.   --magenta-80: #7d004f;
  7.   --magenta-90: #440027;
  8.   --purple-50: #9400ff;
  9.   --purple-60: #8000d7;
  10.   --purple-70: #6200a4;
  11.   --purple-80: #440071;
  12.   --purple-90: #25003e;
  13.   --blue-40: #45a1ff;
  14.   --blue-50: #0a84ff;
  15.   --blue-60: #0060df;
  16.   --blue-70: #003eaa;
  17.   --blue-80: #002275;
  18.   --blue-90: #000f40;
  19.   --teal-50: #00feff;
  20.   --teal-60: #00c8d7;
  21.   --teal-70: #008ea4;
  22.   --teal-80: #005a71;
  23.   --teal-90: #002d3e;
  24.   --green-50: #30e60b;
  25.   --green-60: #12bc00;
  26.   --green-70: #058b00;
  27.   --green-80: #006504;
  28.   --green-90: #003706;
  29.   --yellow-50: #ffe900;
  30.   --yellow-60: #d7b600;
  31.   --yellow-70: #a47f00;
  32.   --yellow-80: #715100;
  33.   --yellow-90: #3e2800;
  34.   --red-50: #ff0039;
  35.   --red-60: #d70022;
  36.   --red-70: #a4000f;
  37.   --red-80: #5a0002;
  38.   --red-90: #3e0200;
  39.   --orange-50: #ff9400;
  40.   --orange-60: #d76e00;
  41.   --orange-70: #a44900;
  42.   --orange-80: #712b00;
  43.   --orange-90: #3e1300;
  44.   --grey-10: #f9f9fa;
  45.   --grey-20: #ededf0;
  46.   --grey-30: #d7d7db;
  47.   --grey-40: #b1b1b3;
  48.   --grey-50: #737373;
  49.   --grey-60: #4a4a4f;
  50.   --grey-70: #38383d;
  51.   --grey-80: #2a2a2e;
  52.   --grey-90: #0c0c0d;
  53.   --code-green: #86de74!important;
  54.   --warning-color: #FCE19F;
  55.   --warning-background-color: #44391F;
  56.   --theme-highlight-green: #86DE74;
  57.   --theme-highlight-blue: #75BFFF;
  58.   --theme-highlight-purple: #B98EFF;
  59.   --theme-highlight-red: #FF7DE9;
  60.   --theme-highlight-yellow: #FFF89E;
  61.   --theme-highlight-bluegrey: #5e88b0;
  62.   --theme-highlight-lightorange: #d99b28;
  63.   --theme-highlight-orange: #d96629;
  64.   --theme-highlight-pink: #df80ff;
  65.   --tone-1: var(--grey-10);
  66.   --tone-2: var(--grey-20);
  67.   --tone-3: var(--grey-30);
  68.   --tone-4: var(--grey-40);
  69.   --tone-5: var(--grey-50);
  70.   --tone-6: var(--grey-60);
  71.   --tone-7: var(--grey-70);
  72.   --tone-8: var(--grey-80);
  73.   --tone-9: var(--grey-90);
  74.   --accent-1: var(--blue-40);
  75.   --accent-2: var(--blue-50);
  76.   --accent-3: var(--blue-60);
  77.   --in-content-page-color: var(--tone-4)!important;
  78.   --in-content-page-background: var(--tone-7)!important;
  79.   --in-content-text-color: var(--tone-3)!important;
  80.   --in-content-selected-text: var(--tone-1)!important;
  81.   --in-content-box-background: var(--tone-6)!important;
  82.   --in-content-box-background-odd: #f3f6fa;
  83.   --in-content-box-background-hover: var(--tone-6)!important;
  84.   --in-content-box-background-active: var(--tone-6)!important;
  85.   --in-content-box-border-color: var(--tone-5)!important;
  86.   --in-content-item-hover: rgba(0,149,221,0.25);
  87.   --in-content-item-selected: var(--tone-8)!important;
  88.   --in-content-border-highlight: var(--accent-1)!important;
  89.   --in-content-border-focus: var(--accent-1)!important;
  90.   --in-content-border-color: var(--tone-6)!important;
  91.   --in-content-category-outline-focus: 1px dotted #0a84ff;
  92.   --in-content-category-text: var(--tone-4)!important;
  93.   --in-content-category-text-active: #0c0c0d;
  94.   --in-content-category-text-selected: var(--accent-1)!important;
  95.   --in-content-category-text-selected-active: #0060df;
  96.   --in-content-category-background-hover: rgba(12,12,13,0.1);
  97.   --in-content-category-background-active: rgba(12,12,13,0.15);
  98.   --in-content-category-background-selected-hover: rgba(12,12,13,0.15);
  99.   --in-content-category-background-selected-active: rgba(12,12,13,0.2);
  100.   --in-content-tab-color: #424f5a;
  101.   --in-content-link-color: var(--accent-1)!important;
  102.   --in-content-link-color-hover: var(--accent-2)!important;
  103.   --in-content-link-color-active: #003eaa;
  104.   --in-content-link-color-visited: #0a8dff;
  105.   --in-content-primary-button-background: var(--accent-2)!important;
  106.   --in-content-primary-button-background-hover: var(--accent-3)!important;
  107.   --in-content-primary-button-background-active: var(--accent-3)!important;
  108.   --in-content-table-border-dark-color: var(--tone-7)!important;
  109.   --in-content-table-header-background: var(--accent-2)!important;
  110.   --theme-selection-background: var(--accent-2)!important;
  111.   --theme-selection-background-hover: var(--accent-1)!important;
  112.   --in-content-category-header-background: var(--tone-8)!important;
  113.   --selected-icon-fill-color: var(--tone-2)!important;
  114.   --in-content-dark-header-background: var(--tone-9)!important;
  115.   --secure-connection-color: var(--accent-1);
  116.   --theme-sidebar-background: #1B1B1D!important;
  117.   --cm-background: var(--tone-8)!important;
  118.   --cm-selection: #353b48!important;
  119.   --cm-marker: #555!important;
  120.   --cm-linenumber: #58575c!important;
  121.   --cm-cursor: #fff!important;
  122.   --cm-active-line-background: rgba(185,215,253,.15)!important;
  123.   --cm-matching-bracket: rgba(255,255,255,.25)!important;
  124.   --cm-search-background: rgba(24,29,32,1)!important;
  125.   --cm-red: #de7474!important;
  126.   --start-indicator-for-updater-scripts: black;
  127.   --end-indicator-for-updater-scripts: black;
  128.   --dummy-variable-for-updater-scripys: black
  129. }
  130. menupopup,
  131. menupopup > menu > menupopup,
  132. menupopup scrollbox,
  133. popup,
  134. popup > menu > menupopup {
  135.   -moz-appearance: none!important;
  136.   background: var(--in-content-box-background)!important;
  137.   border: none!important;
  138.   padding: 0!important
  139. }
  140. menu.subviewbutton > .menu-right {
  141.   fill: #000!important
  142. }
  143. .menu-right {
  144.   filter: invert(95%)!important
  145. }
  146. #context-navigation menuitem,
  147. .panel-arrowcontent {
  148.   color: var(--in-content-selected-text)!important;
  149.   background: var(--in-content-box-background)!important
  150. }
  151. #context-navigation menuitem:hover {
  152.   background: var(--in-content-primary-button-background-hover)!important
  153. }
  154. menuitem,
  155. menupopup menu {
  156.   -moz-appearance: none!important;
  157.   color: var(--in-content-selected-text)!important;
  158.   background: var(--in-content-box-background)!important
  159. }
  160. menupopup menuseparator {
  161.   -moz-appearance: none!important;
  162.   padding: 1px!important;
  163.   margin: 5px 0!important;
  164.   background: var(--in-content-table-border-dark-color)!important;
  165.   border-top: none!important
  166. }
  167. #context-navigation menuitem[disabled=true],
  168. menu[disabled=true],
  169. menuitem[disabled=true] {
  170.   color: var(--in-content-box-border-color)!important
  171. }
  172. menu[disabled=true]:hover,
  173. menuitem:hover[disabled=true] {
  174.   color: var(--in-content-box-border-color)!important;
  175.   background-color: var(--in-content-box-background)!important
  176. }
  177. #context-navigation menuitem:hover[disabled=true] {
  178.   color: var(--in-content-box-border-color)!important;
  179.   background-color: var(--in-content-box-background)!important
  180. }
  181. menuitem[_moz-menuactive=true],
  182. menupopup menu[_moz-menuactive=true] {
  183.   color: var(--in-content-selected-text)!important;
  184.   background-color: var(--in-content-primary-button-background-hover)!important
  185. }
  186. vbox#sidebar-box.chromeclass-extrachrome {
  187.   border-color: var(--in-content-category-header-background)!important;
  188.   border-right: 1px!important;
  189.   border-style: solid!important
  190. }
  191. #_testpilot-containers_7 .menu-iconic-left,
  192. #treestyletab_piro_sakura_ne_jp_8 .menu-iconic-left {
  193.   filter: invert(55%)!important
  194. }
  195. @media screen and (-moz-windows-theme),
  196. screen and (-moz-windows-classic),
  197. screen and (-moz-windows-default-theme),
  198. screen and (-moz-os-version:windows-win7),
  199. screen and (-moz-os-version:windows-win8),
  200. screen and (-moz-os-version:windows-win10) {
  201.   menupopup menuseparator {
  202.     padding: 0!important;
  203.     border-color: var(--in-content-table-border-dark-color)!important
  204.   }
  205.   #context-navigation,
  206.   #context-sep-navigation {
  207.     padding: 0!important
  208.   }
  209.   #BMB_bookmarksPopup menupopup {
  210.     padding: 4px 0 0!important
  211.   }
  212.   #BMB_bookmarksPopup menupopup[placespopup=true] > hbox,
  213.   #personal-bookmarks menupopup,
  214.   .box-inherit scrollbox-innerbox,
  215.   .panel-arrowcontent,
  216.   menupopup#BMB_bookmarksPopup > menu > menupopup > hbox,
  217.   menupopup#PlacesChevronPopup,
  218.   menupopup#bookmarksMenuPopup,
  219.   menupopup#bookmarksMenuPopup > menu > menupopup,
  220.   menupopup#bookmarksMenuPopup menupopup[placespopup=true],
  221.   menupopup#contentAreaContextMenu,
  222.   menupopup#contentAreaContextMenu menupopup,
  223.   menupopup#downloadsContextMenu,
  224.   menupopup#placesContext,
  225.   menupopup#tabContextMenu,
  226.   menupopup#tabContextMenu menupopup,
  227.   menupopup#toolbar-context-menu,
  228.   toolbaritem#menubar-items menupopup {
  229.     border-color: var(--in-content-box-background)!important;
  230.     border-width: 1px!important;
  231.     border-style: solid!important
  232.   }
  233.   #bookmarksMenuPopup,
  234.   #personal-bookmarks menupopup .bookmark-item,
  235.   menupopup#goPopup {
  236.     padding-left: 4px!important;
  237.     padding-right: 4px!important
  238.   }
  239.   menupopup#contentAreaContextMenu menupopup,
  240.   menupopup#tabContextMenu > menu > menupopup > .popup-internal-box,
  241.   menupopup#toolbar-context-menu {
  242.     padding-left: 2px!important;
  243.     padding-right: 2px!important
  244.   }
  245.   menupopup,
  246.   menupopup > menu > menupopup {
  247.     padding: 4px 0!important
  248.   }
  249.   #customization-toolbar-menu,
  250.   toolbaritem#menubar-items menupopup,
  251.   toolbaritem#menubar-items menupopup > menu > menupopup {
  252.     padding-left: 2px!important;
  253.     padding-right: 2px!important
  254.   }
  255.   #personal-bookmarks menupopup menuitem,
  256.   menupopup#contentAreaContextMenu menu,
  257.   menupopup#contentAreaContextMenu menuitem {
  258.     padding-top: 1px!important;
  259.     padding-bottom: 1px!important
  260.   }
  261.   menupopup#contentAreaContextMenu > .menuitem-iconic {
  262.     padding-top: 0!important;
  263.     padding-bottom: 0!important
  264.   }
  265.   menupopup .menu-right {
  266.     margin-right: 0!important
  267.   }
  268. }
  269. @-moz-document url(chrome://browser/content/places/places.xul) {
  270.   toolbar {
  271.     -moz-appearance: none!important;
  272.     background-color: var(--in-content-category-header-background)!important;
  273.     border: none!important
  274.   }
  275.   listbox,
  276.   textbox {
  277.     -moz-appearance: none!important;
  278.     background-color: var(--in-content-box-background)!important;
  279.     color: var(--in-content-page-color)!important;
  280.     min-height: 20px!important;
  281.     padding: 0 0 0 4px!important;
  282.     border: 1px solid!important;
  283.     border-color: var(--in-content-box-border-color)!important;
  284.     border-radius: 3px!important
  285.   }
  286.   #editBMPanel_rows > row > hbox > textbox,
  287.   #editBMPanel_rows > row > textbox,
  288.   #editBMPanel_tagsSelector {
  289.     background: var(--in-content-box-background)!important
  290.   }
  291.   #placesToolbar > toolbarbutton {
  292.     margin: 6px 4px 5px!important;
  293.     -moz-appearance: none!important;
  294.     background-color: var(--tone-4)!important;
  295.     border-radius: 5px!important;
  296.     filter: invert(100%)!important
  297.   }
  298.   #placesList {
  299.     -moz-appearance: none!important;
  300.     color: var(--in-content-page-color)!important;
  301.     background-color: var(--in-content-page-background)!important
  302.   }
  303.   #placesView > splitter {
  304.     border-color: var(--in-content-border-color)!important
  305.   }
  306.   #places #downloadsRichListBox {
  307.     -moz-appearance: none!important;
  308.     color: var(--in-content-page-color)!important;
  309.     background-color: var(--in-content-box-background)!important
  310.   }
  311.   #detailsDeck {
  312.     border: none!important;
  313.     background-color: var(--in-content-page-background)!important;
  314.     color: var(--in-content-page-color)!important
  315.   }
  316.   .expander-down,
  317.   .expander-up {
  318.     filter: invert(77%)!important
  319.   }
  320.   #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
  321.     color: var(--in-content-text-color)!important
  322.   }
  323.   #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
  324.   #placesList > treechildren::-moz-tree-row(selected) {
  325.     -moz-appearance: none!important;
  326.     -moz-font-smoothing-background-color: none!important;
  327.     border-top: none!important;
  328.     background: var(--theme-selection-background)!important;
  329.     color: var(--in-content-text-color)!important
  330.   }
  331.   #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
  332.   #placesList > treechildren::-moz-tree-cell-text(selected) {
  333.     color: var(--in-content-text-color)!important
  334.   }
  335.   #places treechildren::-moz-tree-row {
  336.     background-color: transparent!important
  337.   }
  338.   #places treechildren::-moz-tree-image {
  339.     fill: var(--in-content-page-color)!important
  340.   }
  341.   #places treechildren::-moz-tree-image(selected) {
  342.     fill: var(--selected-icon-fill-color)!important
  343.   }
  344.   #placeContent > treechildren::-moz-tree-cell,
  345.   #placeContent > treechildren::-moz-tree-column {
  346.     border-color: var(--in-content-box-border-color)!important
  347.   }
  348.   #contentView treecol {
  349.     -moz-appearance: none!important;
  350.     border: none!important;
  351.     background: var(--in-content-category-header-background)!important;
  352.     color: var(--in-content-text-color)!important;
  353.     border-right: 1px solid!important;
  354.     border-color: var(--in-content-box-border-color)!important
  355.   }
  356.   tree {
  357.     background-color: var(--in-content-box-background)!important
  358.   }
  359.   #editBMPanel_tagsSelectorExpander.expander-down {
  360.     -moz-appearance: -moz-mac-disclosure-button-closed!important;
  361.     filter: invert(79%)!important
  362.   }
  363.   #editBMPanel_tagsSelectorExpander.expander-up {
  364.     -moz-appearance: -moz-mac-disclosure-button-open!important;
  365.     filter: invert(79%)!important
  366.   }
  367.   #main-menubar {
  368.     background-color: var(--in-content-category-header-background)!important
  369.   }
  370.   #main-menubar > * {
  371.     color: var(--in-content-page-color)!important
  372.   }
  373.   #main-menubar > :hover,
  374.   menubar > menu[_moz-menuactive=true][open=true] {
  375.     -moz-appearance: none!important;
  376.     background: var(--in-content-page-background)!important
  377.   }
  378.   @media screen and (-moz-windows-theme),
  379.   screen and (-moz-windows-classic),
  380.   screen and (-moz-windows-default-theme),
  381.   screen and (-moz-os-version:windows-win7),
  382.   screen and (-moz-os-version:windows-win8),
  383.   screen and (-moz-os-version:windows-win10) {
  384.     #metaTagsCaption,
  385.     #security-identity,
  386.     #security-identity-groupbox,
  387.     #security-privacy,
  388.     #security-privacy-groupbox,
  389.     #security-technical,
  390.     #security-technical-groupbox {
  391.       -moz-appearance: none!important;
  392.       background-color: var(--in-content-page-background)!important;
  393.       border: none!important;
  394.       color: var(--in-content-selected-text)!important
  395.     }
  396.     #placesMenu > menu {
  397.       color: var(--in-content-page-color)!important
  398.     }
  399.     #security-identity-groupbox,
  400.     #security-privacy-groupbox,
  401.     #security-technical-groupbox {
  402.       -moz-appearance: none!important;
  403.       background-color: var(--in-content-category-header-background)!important
  404.     }
  405.     #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover):not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
  406.       background: 0 0!important;
  407.       -moz-border-top-colors: transparent!important;
  408.       -moz-border-right-colors: transparent!important;
  409.       -moz-border-left-colors: transparent!important;
  410.       -moz-border-bottom-colors: transparent!important
  411.     }
  412.   }
  413.   @media screen and (-moz-os-version:windows-win7) {
  414.     treechildren {
  415.       --treechildren-outline: none!important
  416.     }
  417.   }
  418. }
  419. @-moz-document url-prefix(about:),
  420. url-prefix(chrome://browser) {
  421.   .checkbox-check,
  422.   .prefs-pane [type=checkbox]:checked + label::before,
  423.   .prefs-pane [type=checkbox]:not(:checked) + label::before,
  424.   .radio-check,
  425.   input[type=checkbox] {
  426.     -moz-appearance: none!important;
  427.     border: 1px solid!important;
  428.     background-color: var(--in-content-box-background)!important;
  429.     background-image: none!important;
  430.     box-shadow: none!important;
  431.     border-color: var(--in-content-box-border-color)!important
  432.   }
  433.   radio[disabled=true] {
  434.     color: var(--in-content-box-border-color)!important
  435.   }
  436.   .radio-check[selected] {
  437.     list-style-image: url(chrome://global/skin/in-content/radio.svg);
  438.     fill: var(--in-content-border-highlight)!important;
  439.     -moz-context-properties: fill,stroke;
  440.     stroke: none;
  441.     border-radius: 50%!important
  442.   }
  443.   .checkbox-check[checked] {
  444.     list-style-image: url(chrome://global/skin/in-content/check.svg)!important;
  445.     fill: var(--in-content-border-highlight)!important;
  446.     -moz-context-properties: fill,stroke;
  447.     stroke: none
  448.   }
  449.   html body div.ancillary div div.opsRow div.opsRowLabel label input,
  450.   html body div.ancillary div div.opsRow div.opsRowLabel label input#verbose {
  451.     -moz-appearance: checkbox!important;
  452.     min-height: 10px!important;
  453.     min-width: 10px!important;
  454.     margin-top: -5px;
  455.     margin-bottom: -1px
  456.   }
  457. }
  458. @-moz-document url-prefix(about:),
  459. url-prefix(chrome://browser/content/preferences/),
  460. url(chrome://passwordmgr/content/passwordManager.xul),
  461. url(chrome://formautofill/content/manageAddresses.xhtml),
  462. url-prefix(chrome://pippki),
  463. url(chrome://browser/content/pageinfo/pageInfo.xul) {
  464.   treechildren::-moz-tree-row,
  465.   treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol,odd) {
  466.     background-color: var(--in-content-box-background)!important
  467.   }
  468.   treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
  469.     background-color: var(--theme-selection-background-hover)!important
  470.   }
  471.   tree {
  472.     background-color: var(--in-content-box-background)!important;
  473.     color: var(--in-content-page-color)!important
  474.   }
  475.   treechildren::-moz-tree-cell-text(hover),
  476.   treechildren::-moz-tree-cell-text(selected) {
  477.     color: var(--in-content-text-color)!important
  478.   }
  479.   treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
  480.     background-color: var(--theme-selection-background)!important
  481.   }
  482.   treecol:not([hideheader=true]):not(:first-child),
  483.   treecolpicker {
  484.     border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important
  485.   }
  486.   menulist:not([editable=true]) > .menulist-dropmarker,
  487.   treecol:not([hideheader=true]) > .treecol-sortdirection[sortDirection] {
  488.     fill: var(--in-content-category-text)!important
  489.   }
  490.   fieldset > legend,
  491.   treecol:not([hideheader=true]),
  492.   treecolpicker {
  493.     background-color: var(--in-content-category-header-background)!important;
  494.     color: var(--in-content-page-color)!important
  495.   }
  496.   prefpane#mainPrefPane groupbox#applicationsGroup richlistbox#handlersView richlistitem[selected=true] {
  497.     background: var(--in-content-page-background)!important;
  498.     color: var(--in-content-page-color)!important
  499.   }
  500.   @media screen and (-moz-os-version:windows-win7) {
  501.     treechildren {
  502.       --treechildren-outline: none!important
  503.     }
  504.   }
  505. }
  506. @-moz-document regexp("^about:(?!reader).*"),
  507. url(https://www.mozilla.org/credits/),
  508. url-prefix(https://discovery.addons.mozilla.org) {
  509.   :root {
  510.     --aboutProfiles-table-background: var(--in-content-box-background)!important
  511.   }
  512.   menupopup,
  513.   menupopup > menu > menupopup,
  514.   popup,
  515.   popup > menu > menupopup {
  516.     -moz-appearance: none!important;
  517.     background: var(--in-content-box-background)!important;
  518.     border: none!important;
  519.     padding: 0!important
  520.   }
  521.   menuitem,
  522.   menupopup menu {
  523.     -moz-appearance: none!important;
  524.     color: var(--in-content-selected-text)!important
  525.   }
  526.   menuitem:hover,
  527.   menupopup menu:hover {
  528.     color: var(--in-content-text-color)!important;
  529.     background-color: var(--in-content-primary-button-background-hover)!important
  530.   }
  531.   menupopup menuseparator {
  532.     padding: 0!important;
  533.     margin: 2px 6px!important;
  534.     -moz-appearance: none!important;
  535.     background: rgba(0,0,0,0)!important;
  536.     border: 0!important
  537.   }
  538.   @media screen and (-moz-windows-theme) {
  539.     menuitem,
  540.     menupopup menu {
  541.       margin: 1px 6px!important
  542.     }
  543.     menupopup,
  544.     menupopup > menu > menupopup,
  545.     popup,
  546.     popup > menu > menupopup {
  547.       border: 1px solid!important;
  548.       border-color: var(--in-content-box-background)!important
  549.     }
  550.   }
  551.   .prefs-pane [type=checkbox]:checked + label::after,
  552.   .prefs-pane [type=checkbox]:not(:checked) + label::after,
  553.   input[type=checkbox]:checked {
  554.     background-image: url(chrome://global/skin/in-content/check.svg)!important
  555.   }
  556.   .contentSearchSuggestionsList {
  557.     background-color: var(--in-content-box-background)!important;
  558.     border: none!important
  559.   }
  560.   .contentSearchHeader,
  561.   .contentSearchOneOffsTable {
  562.     background-color: var(--in-content-category-header-background)!important;
  563.     border: none!important;
  564.     color: var(--in-content-text-color)!important
  565.   }
  566.   #newtab-customize-overlay,
  567.   .exceptionDialogButtonContainer,
  568.   .snippet .button-link,
  569.   :not(.ze_area) > html,
  570.   html:not(#ublock0-epicker) body:not(.ze_body) {
  571.     background: var(--in-content-page-background)!important;
  572.     color: var(--in-content-page-color)!important
  573.   }
  574.   #SanitizeDialogPane > groupbox,
  575.   #mainDiv.non-verbose div.section h2,
  576.   #onboarding-overlay,
  577.   .dialogBox > .groupbox-body,
  578.   .modal,
  579.   .modal-overlay,
  580.   .warningBackground {
  581.     background: var(--in-content-page-background)!important
  582.   }
  583.   #homeContentsGroup checkbox[src] .checkbox-icon,
  584.   .content-container .icon-container .icon[src=""],
  585.   .snippet .block-snippet-button {
  586.     filter: invert(65%)!important
  587.   }
  588.   .collapsible-section .section-top-bar .info-option-manage button,
  589.   .topic .topic-read-more,
  590.   a:link {
  591.     color: var(--in-content-link-color)!important
  592.   }
  593.   .topic .topic-read-more:hover,
  594.   a:link:hover {
  595.     color: var(--in-content-link-color-hover)!important
  596.   }
  597.   #action-box,
  598.   #badCertAdvancedPanel,
  599.   #content div.log span.section-heading button.no-print:hover,
  600.   #content div.stats span.section-heading button.no-print:hover,
  601.   #contents table tbody tr td,
  602.   #contents table tr.no-copy td,
  603.   #controls.no-print div.controls div.control button:hover,
  604.   #errorPageContainer button#errorTryAgain:hover,
  605.   #header-utils-btn[open=true],
  606.   #provider table#provider-table tbody#provider-table-body tr td,
  607.   #subprocess-reports tr td,
  608.   .aboutPageWideContainer div#debug table#debug-table tbody tr td,
  609.   .aboutPageWideContainer label input#submit:hover,
  610.   .alert,
  611.   .opsRow button:hover,
  612.   .top-sites-list .top-site-outer .top-site-icon {
  613.     background-color: var(--in-content-box-background)!important
  614.   }
  615.   #snippetContainer #snippets,
  616.   .addon .editorial-description,
  617.   .addon .heading,
  618.   .disco-content,
  619.   .top-sites-list .top-site-outer .title span,
  620.   header h1 {
  621.     color: var(--in-content-page-color)!important
  622.   }
  623.   #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
  624.   #searchWrapper input#searchText,
  625.   .addon .content,
  626.   .addon .logo,
  627.   .card-outer,
  628.   .card-outer .card-context,
  629.   .card-outer .card-details,
  630.   .search-wrapper input,
  631.   .topsite-form .form-wrapper input[type=text],
  632.   card-outer.active span.context-menu ul.context-menu-list {
  633.     background: var(--in-content-box-background)!important
  634.   }
  635.   #snippets-container,
  636.   .sorter[checkState="1"],
  637.   .sorter[checkState="2"] {
  638.     background-color: var(--in-content-category-header-background)!important
  639.   }
  640.   .contentSearchSettingsButton {
  641.     display: none!important
  642.   }
  643.   #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
  644.   #scene1 h1,
  645.   .addon,
  646.   .card-outer .card-context,
  647.   .card-outer .card-host-name,
  648.   .detail-view-container,
  649.   .section-title span,
  650.   .snippet section,
  651.   .top-sites-list .top-site-outer .top-site-icon,
  652.   .topsite-form .form-wrapper input[type=text] {
  653.     color: var(--in-content-page-color)!important
  654.   }
  655.   #searchWrapper #searchIcon,
  656.   #searchWrapper #searchSubmit,
  657.   .card-outer .card-context-icon,
  658.   .category:not([selected]) > .category-icon,
  659.   .collapsible-section .section-top-bar .info-option-icon,
  660.   .context-menu ul.context-menu-list li.context-menu-item a span.icon,
  661.   .prefs-pane-button button,
  662.   .search-wrapper .search-button,
  663.   .search-wrapper .search-label,
  664.   .section-title span {
  665.     fill: var(--in-content-page-color)!important
  666.   }
  667.   .sorter {
  668.     color: var(--accent-1)!important
  669.   }
  670.   .download-progress {
  671.     background-color: var(--in-content-box-color)!important
  672.   }
  673.   .list > scrollbox > .scrollbox-innerbox {
  674.     border: none!important
  675.   }
  676.   #header-utils-btn:hover,
  677.   .header-button:hover {
  678.     background-color: var(--in-content-box-background-hover)!important
  679.   }
  680.   #header-utils-btn {
  681.     fill: var(--in-content-category-text)!important
  682.   }
  683.   .collapsible-section .section-top-bar .info-option-manage button:after,
  684.   .topic .topic-read-more::after {
  685.     fill: var(--in-content-link-color)!important
  686.   }
  687.   .addon-view[notification=warning] {
  688.     --view-highlight-color: transparent!important
  689.   }
  690.   .addon-view[notification],
  691.   .addon-view[pending] {
  692.     --view-highlight-color: transparent;
  693.     background-image: none!important
  694.   }
  695.   .addon[active=false] {
  696.     opacity: .4!important
  697.   }
  698.   .detail-row,
  699.   .detail-row-complex,
  700.   setting {
  701.     text-shadow: none!important
  702.   }
  703.   #warningTitle {
  704.     color: var(--in-content-page-color)!important
  705.   }
  706.   #configTree {
  707.     border: none!important
  708.   }
  709.   .addon-target-container {
  710.     background: var(--in-content-box-background)!important;
  711.     box-shadow: none!important
  712.   }
  713.   .service-worker-multi-process {
  714.     background-color: #44391f!important
  715.   }
  716.   #onboarding-notification-bar {
  717.     background: var(--in-content-category-header-background)!important;
  718.     border-top: 2px solid!important
  719.   }
  720.   .prefs-pane .actions,
  721.   .prefs-pane .sidebar {
  722.     background: var(--in-content-category-header-background)!important;
  723.     border-color: var(--in-content-box-border-color)!important
  724.   }
  725.   .collapsible-section .section-top-bar .info-option,
  726.   .prefs-pane .prefs-modal-inner-wrapper .options,
  727.   .sections-list .section-empty-state {
  728.     background: var(--in-content-box-background)!important;
  729.     border-color: var(--in-content-box-border-color)!important
  730.   }
  731.   .actions button:hover:not(.dismiss),
  732.   .card-outer:-moz-any(:hover,:focus,.active):not(.placeholder),
  733.   .collapsible-section .section-disclaimer button:hover:not(.dismiss),
  734.   .top-sites-list .top-site-outer.active .tile,
  735.   .top-sites-list .top-site-outer:focus .tile,
  736.   .top-sites-list .top-site-outer:hover .tile {
  737.     box-shadow: 0 0 0 5px var(--in-content-box-background)!important
  738.   }
  739.   .card-outer .context-menu-button,
  740.   .top-sites-list .top-site-outer .context-menu-button {
  741.     background-color: var(--in-content-page-color)!important;
  742.     background-image: url(chrome://browser/skin/page-action.svg)!important;
  743.     border: 1px solid!important;
  744.     filter: invert(95%)!important;
  745.     box-shadow: none!important;
  746.     border-color: var(--in-content-page-color)!important
  747.   }
  748.   #onboarding-notification-body *,
  749.   #onboarding-notification-tour-title,
  750.   .collapsible-section .section-disclaimer,
  751.   .manual-migration-container,
  752.   .onboarding-close-btn,
  753.   .prefs-pane .prefs-modal-inner-wrapper {
  754.     color: var(--in-content-page-color)!important
  755.   }
  756.   .collapsible-section .section-disclaimer button,
  757.   .onboarding-action-button {
  758.     background-color: var(--in-content-page-background)!important;
  759.     border-color: var(--in-content-box-border-color)!important;
  760.     color: var(--in-content-page-color)!important
  761.   }
  762.   .actions button,
  763.   .actions button.dismiss,
  764.   .onboarding-action-button:hover,
  765.   .prefs-pane-button button:hover {
  766.     background-color: var(--in-content-box-background-hover)!important
  767.   }
  768.   .actions button.done,
  769.   .onboarding-tour-action-button {
  770.     background-color: var(--in-content-primary-button-background)!important
  771.   }
  772.   .onboarding-tour-action-button:hover {
  773.     background-color: var(--in-content-primary-button-background-hover)!important
  774.   }
  775.   .icon.icon-dismiss {
  776.     fill: var(--in-content-page-color)!important
  777.   }
  778.   .context-menu ul.context-menu-list li.context-menu-item a:hover span.icon {
  779.     fill: var(--in-content-text-color)!important
  780.   }
  781.   .dialogBox > .groupbox-title {
  782.     background-color: var(--in-content-category-header-background)!important;
  783.     color: var(--in-content-page-color)!important;
  784.     border-color: var(--in-content-box-border-color)!important
  785.   }
  786.   .warningMessage {
  787.     background: var(--in-content-box-background)!important;
  788.     border-color: var(--in-content-box-border-color)!important;
  789.     color: var(--in-content-page-color)!important
  790.   }
  791.   #badCertAdvancedPanel.advanced-panel,
  792.   #content > div,
  793.   .info-box-content,
  794.   .notice,
  795.   div.opsRow,
  796.   div.section {
  797.     background-color: var(--in-content-box-background)!important;
  798.     border-color: var(--in-content-box-border-color)!important
  799.   }
  800.   .bar-inner {
  801.     background-color: var(--accent-1)!important;
  802.     border: 1px solid!important;
  803.     border-color: var(--accent-2)!important
  804.   }
  805.   #content div.log span.section-heading button.no-print,
  806.   #content div.stats span.section-heading button.no-print,
  807.   #controls.no-print div.controls div.control button,
  808.   #controls.no-print div.controls div.control button input#appid,
  809.   #errorPageContainer button#errorTryAgain,
  810.   .aboutPageWideContainer label input#submit,
  811.   .opsRow button {
  812.     -moz-appearance: none!important;
  813.     background-color: var(--in-content-page-background)!important;
  814.     border: 1px solid!important;
  815.     border-radius: 3px!important;
  816.     color: var(--in-content-page-color)!important;
  817.     border-color: var(--in-content-box-border-color)!important
  818.   }
  819.   .opsRow button {
  820.     margin-right: 2px!important
  821.   }
  822.   input#appid {
  823.     background-color: var(--in-content-box-background)!important
  824.   }
  825.   #profiles.tab div table tbody tr td {
  826.     border-color: var(--in-content-table-border-dark-color)!important
  827.   }
  828.   .actions,
  829.   .context-menu-list li.separator,
  830.   .edit-topsites-wrapper .edit-topsites-button,
  831.   .modal,
  832.   .prefs-pane hr,
  833.   .topsite-form .form-wrapper input[type=text] {
  834.     border-color: var(--in-content-box-border-color)!important
  835.   }
  836.   #outside table.contenttable thead tr th {
  837.     background-color: var(--in-content-table-header-background)!important
  838.   }
  839.   #outside table.contenttable {
  840.     border-color: var(--in-content-table-border-dark-color)!important;
  841.     background-color: var(--in-content-box-background)!important
  842.   }
  843.   #outside table.contenttable tbody tr td,
  844.   #outside table.contenttable tbody tr td + #outside table.contenttable tbody tr td,
  845.   #outside table.contenttable thead tr th + th {
  846.     border-color: var(--in-content-table-border-dark-color)!important
  847.   }
  848.   #outside table.contenttable tbody tr td {
  849.     color: var(--in-content-page-color)!important
  850.   }
  851.   .card-outer .card-context {
  852.     padding: 2px 16px 12px 14px!important
  853.   }
  854.   .card-outer.placeholder .card {
  855.     display: none!important
  856.   }
  857.   .context-menu {
  858.     background-color: var(--in-content-box-background)!important;
  859.     box-shadow: none!important;
  860.     border: 1px!important
  861.   }
  862.   .context-menu > ul > li > a:focus,
  863.   .context-menu > ul > li > a:hover {
  864.     background-color: var(--theme-selection-background-hover)!important
  865.   }
  866.   #searchText:active,
  867.   #searchText:focus,
  868.   .search-wrapper input:focus,
  869.   .search-wrapper:active input {
  870.     box-shadow: 0 0 0 3px var(--in-content-border-focus)!important
  871.   }
  872.   .prefs-pane .actions {
  873.     border-top: none!important
  874.   }
  875. }
  876. @-moz-document url-prefix(about:reader) {
  877.   body.dark a:link {
  878.     color: var(--in-content-link-color)!important
  879.   }
  880.   .font-type-buttons > .sans-serif-button > .name,
  881.   .font-type-buttons > .serif-button > .name,
  882.   body.dark {
  883.     color: var(--in-content-page-color)!important
  884.   }
  885.   .toolbar {
  886.     background-color: var(--in-content-category-header-background)!important;
  887.     border-right: 1px solid!important;
  888.     border-color: var(--in-content-box-border-color)!important
  889.   }
  890.   .toolbar .button {
  891.     background-color: var(--in-content-category-header-background)!important;
  892.     border-color: var(--in-content-box-border-color)!important
  893.   }
  894.   .button:hover,
  895.   .content-width-buttons > button:hover,
  896.   .font-size-buttons > button:hover,
  897.   .font-type-buttons > button:hover,
  898.   .line-height-buttons > button:hover {
  899.     background-color: var(--in-content-primary-button-background-hover)!important
  900.   }
  901.   .dropdown-popup {
  902.     background-color: var(--in-content-category-header-background)!important;
  903.     box-shadow: 0 1px 3px var(--in-content-category-header-background)!important;
  904.     border-color: var(--in-content-box-border-color)!important
  905.   }
  906.   .content-width-buttons > button,
  907.   .font-size-buttons > button,
  908.   .font-type-buttons > button,
  909.   .font-type-buttons > button.selected,
  910.   .font-type-buttons > button:active:hover,
  911.   .line-height-buttons > button {
  912.     border-color: var(--in-content-box-border-color)!important
  913.   }
  914.   .color-scheme-buttons > button.selected,
  915.   .color-scheme-buttons > button:active:hover,
  916.   .font-type-buttons > button.selected,
  917.   .font-type-buttons > button:active:hover {
  918.     box-shadow: inset 0 -3px 0 0 var(--in-content-primary-button-background-hover)!important
  919.   }
  920. }
  921. @-moz-document url-prefix(chrome://) {
  922.   #ColorsDialogPane,
  923.   #ConnectionsDialogPane,
  924.   #FontsDialogPane,
  925.   #LanguagesDialogPane,
  926.   .windowDialog,
  927.   dialog,
  928.   prefpane,
  929.   prefpane > .content-box,
  930.   prefwindow,
  931.   window {
  932.     background-color: var(--in-content-page-background)!important;
  933.     color: var(--in-content-page-color)!important
  934.   }
  935.   #cookieInfoGrid .textbox-input {
  936.     background-color: var(--in-content-page-background)!important
  937.   }
  938.   #historyItems {
  939.     -moz-appearance: none!important
  940.   }
  941. }
  942. @-moz-document url-prefix("https://addons.mozilla.org") {
  943.   .Footer,
  944.   .Footer-wrapper,
  945.   .Header,
  946.   .LanguageTools-header-row,
  947.   .amo {
  948.     background: var(--in-content-category-header-background)!important
  949.   }
  950.   .App-content,
  951.   .Home,
  952.   .LandingPage,
  953.   .LanguageTools-table-row:nth-child(2n),
  954.   .Paginate-page-number {
  955.     background: var(--in-content-page-background)!important
  956.   }
  957.   .Select {
  958.     background-color: var(--in-content-page-background)!important
  959.   }
  960.   .SearchForm-icon-magnifying-glass {
  961.     filter: invert(65%)!important
  962.   }
  963.   .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  964.   .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  965.   .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  966.   .AddonsCard--horizontal .Card-contents,
  967.   .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  968.   .AutoSearchInput-suggestions-item,
  969.   .Card--photon .Card-contents,
  970.   .Card-contents,
  971.   .Card-contents li,
  972.   .Card-footer,
  973.   .Card-footer-link,
  974.   .Card-footer-text,
  975.   .Card-header,
  976.   .Categories .Card-contents,
  977.   .Hero .Card-contents,
  978.   .Home-SubjectShelf .Card-contents,
  979.   .LandingPage-header,
  980.   .MetadataCard,
  981.   .Search .SearchResults .SearchResult,
  982.   .Search .SearchResults-message,
  983.   .SearchForm-query,
  984.   .SearchForm-suggestions-item.SearchForm-suggestions-item,
  985.   .SectionLinks-dropdown .DropdownMenu-items,
  986.   input.AutoSearchInput-query {
  987.     background: var(--in-content-box-background)!important
  988.   }
  989.   .Addon-author,
  990.   .Addon-author a,
  991.   .Addon-author a:link .Button--action,
  992.   .Addon-title,
  993.   .AddonBadges .Badge,
  994.   .Button--action,
  995.   .Button--action.Button--small:link,
  996.   .Button--action:link,
  997.   .Card--photon .Card-contents,
  998.   .Card-contents,
  999.   .Card-footer-text,
  1000.   .Definition-dt,
  1001.   .DropdownMenuItem,
  1002.   .DropdownMenuItem-link a,
  1003.   .DropdownMenuItem-link a:link,
  1004.   .DropdownMenuItem-section,
  1005.   .ExpandableCard-ToggleLink:link,
  1006.   .Footer a:active,
  1007.   .Footer a:hover,
  1008.   .Footer-links-header a:link,
  1009.   .Home-SubjectShelf-link:link,
  1010.   .Home-SubjectShelf-link:visited,
  1011.   .Home-SubjectShelf-subheading,
  1012.   .LandingPage-addonType-name,
  1013.   .LandingPage-heading-content,
  1014.   .MetadataCard-list dt,
  1015.   .Paginate .Paginate-item,
  1016.   .Paginate-page-number,
  1017.   .PermissionsCard-subhead,
  1018.   .ReportAbuseButton-show-more,
  1019.   .SearchContextCard-header,
  1020.   .SearchFilters-label,
  1021.   .SearchForm-query,
  1022.   .SearchResult--meta-section,
  1023.   .SearchResult-name,
  1024.   .SearchResult-summary,
  1025.   .SearchSuggestion-name,
  1026.   .Select,
  1027.   input.AutoSearchInput-query {
  1028.     color: var(--in-content-page-color)!important
  1029.   }
  1030.   .Card-header {
  1031.     color: var(--in-content-text-color)!important
  1032.   }
  1033.   .Card-contents li .Rating-star-group,
  1034.   .Paginate-next::after,
  1035.   .Paginate-previous::before {
  1036.     filter: invert(70%)!important
  1037.   }
  1038.   .ShowMoreCard-contents::after {
  1039.     background: linear-gradient(rgba(255,255,255,0),var(--in-content-box-background))!important
  1040.   }
  1041.   .Addon-details .AddonDescription-contents a:link,
  1042.   .AddonMoreInfo-contents a:link,
  1043.   .Card-footer-link a,
  1044.   .Card-footer-link a:hover,
  1045.   .Card-footer-link a:link,
  1046.   .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  1047.   .DropdownMenuItem-link a:hover,
  1048.   .Home-SubjectShelf-link:active,
  1049.   .Home-SubjectShelf-link:focus,
  1050.   .Home-SubjectShelf-link:hover,
  1051.   .LanguageTools-table a:link,
  1052.   .SearchResult-link:focus .SearchResult-name,
  1053.   .SearchResult-link:hover .SearchResult-name {
  1054.     color: var(--in-content-link-color)!important
  1055.   }
  1056.   .Button--action.Button--outline-only {
  1057.     border-color: var(--in-content-border-highlight)!important
  1058.   }
  1059.   input.AutoSearchInput-query {
  1060.     border-color: var(--in-content-box-border-color)!important
  1061.   }
  1062.   .Addon .InstallButton-button,
  1063.   .Button--action,
  1064.   .Button--action.Button--small,
  1065.   .Paginate .Paginate-item,
  1066.   .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  1067.     background: var(--in-content-primary-button-background)!important
  1068.   }
  1069.   .Button--action.Button--outline-only:hover,
  1070.   .Button--action:hover,
  1071.   .SearchForm-query:hover {
  1072.     border-color: var(--in-content-primary-button-background)!important
  1073.   }
  1074.   .SearchForm-query:focus {
  1075.     box-shadow: 0 0 5px 0 var(--in-content-border-highlight)!important;
  1076.     border-color: var(--in-content-primary-button-background)!important
  1077.   }
  1078.   .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  1079.     background: var(--in-content-page-background)!important;
  1080.     border-radius: 0!important
  1081.   }
  1082.   .Button--report {
  1083.     text-shadow: none!important
  1084.   }
  1085.   .Icon-arrow,
  1086.   .Icon-external {
  1087.     filter: invert(20%)!important
  1088.   }
  1089.   .Icon-magnifying-glass {
  1090.     filter: invert(65%)
  1091.   }
  1092.   .Icon-featured {
  1093.     filter: invert(85%)!important
  1094.   }
  1095. }
  1096. @-moz-document regexp("^[file:///].*[^(html|svg)]$") {
  1097.   :root {
  1098.     background-color: var(--in-content-page-background)!important
  1099.   }
  1100.   body {
  1101.     border-color: var(--in-content-box-background)!important;
  1102.     background-color: var(--in-content-box-background)!important;
  1103.     color: var(--in-content-page-color)!important
  1104.   }
  1105.   h1 {
  1106.     border-color: var(--in-content-box-border-color)!important
  1107.   }
  1108.   body > table > tbody > tr:hover {
  1109.     outline-color: var(--in-content-box-background-hover)!important;
  1110.     background-color: var(--in-content-box-background-hover)!important
  1111.   }
  1112.   .dir,
  1113.   .file,
  1114.   .symlink,
  1115.   .up {
  1116.     color: var(--in-content-link-color)!important
  1117.   }
  1118. }
  1119. @-moz-document regexp("^moz-extension://.*manifest.json$") {
  1120.   html {
  1121.     background: var(--in-content-page-background)!important;
  1122.     color: var(--in-content-page-color)!important
  1123.   }
  1124. }
  1125. @-moz-document regexp(".*\\.(p|P)(d|D)(f|F).*") {
  1126.   #loadingBar .progress,
  1127.   .dropdownToolbarButton > select,
  1128.   .dropdownToolbarButton > select > option,
  1129.   .overlayButton,
  1130.   .secondaryToolbarButton,
  1131.   .toolbarField,
  1132.   body,
  1133.   div#viewer {
  1134.     background-color: var(--in-content-box-background)!important
  1135.   }
  1136.   body {
  1137.     background-image: none!important
  1138.   }
  1139.   .splitToolbarButtonSeparator,
  1140.   .verticalToolbarSeparator {
  1141.     box-shadow: none!important;
  1142.     background-color: var(--in-content-box-background)!important
  1143.   }
  1144.   div#toolbarViewer {
  1145.     background-color: var(--in-content-category-header-background)!important
  1146.   }
  1147.   #numPages,
  1148.   #pageNumber,
  1149.   #scaleSelect {
  1150.     color: var(--in-content-page-color)!important
  1151.   }
  1152.   .pdfViewer .page {
  1153.     border-image: none!important
  1154.   }
  1155.   #pageNumber,
  1156.   #scaleSelectContainer {
  1157.     border: 1px solid!important
  1158.   }
  1159.   #loadingBar {
  1160.     position: relative;
  1161.     width: 100%;
  1162.     height: 4px;
  1163.     background-color: var(--theme-selection-background-hover)!important;
  1164.     border-bottom: 1px solid!important
  1165.   }
  1166.   #sidebarContainer,
  1167.   #sidebarContent {
  1168.     background-color: var(--in-content-page-background)!important
  1169.   }
  1170.   #toolbarSidebar {
  1171.     background-color: var(--in-content-category-header-background)!important;
  1172.     background-image: none!important;
  1173.     border-color: var(--in-content-box-background)!important
  1174.   }
  1175.   .doorHanger,
  1176.   .doorHangerRight {
  1177.     border: 1px solid!important;
  1178.     border-color: var(--in-content-box-background)!important;
  1179.     box-shadow: none!important
  1180.   }
  1181.   #toolbarContainer,
  1182.   .findbar,
  1183.   .secondaryToolbar {
  1184.     background-color: var(--in-content-box-background)!important;
  1185.     background-image: none!important
  1186.   }
  1187.   .dropdownToolbarButton,
  1188.   .overlayButton,
  1189.   .secondaryToolbarButton,
  1190.   .toolbarButton {
  1191.     border: none!important;
  1192.     color: var(--in-content-page-color)!important
  1193.   }
  1194.   .dropdownToolbarButton,
  1195.   .overlayButton,
  1196.   .toolbarButton:focus,
  1197.   .toolbarButton:hover {
  1198.     background-color: var(--in-content-box-background)!important;
  1199.     background-image: none!important;
  1200.     border: none!important;
  1201.     box-shadow: none!important
  1202.   }
  1203.   .secondaryToolbarButton:focus,
  1204.   .secondaryToolbarButton:hover {
  1205.     background-color: var(--in-content-page-background)!important;
  1206.     background-image: none!important;
  1207.     box-shadow: none!important
  1208.   }
  1209.   .secondaryToolbarButton::before,
  1210.   .toolbarButton::before {
  1211.     filter: invert(20%)!important
  1212.   }
  1213.   .secondaryToolbarButton.toggled,
  1214.   .splitToolbarButton.toggled > .toolbarButton.toggled,
  1215.   .toolbarButton.toggled {
  1216.     background-color: var(--in-content-page-background)!important;
  1217.     background-image: none!important;
  1218.     box-shadow: none!important;
  1219.     color: var(--in-content-selected-text)!important
  1220.   }
  1221.   .horizontalToolbarSeparator {
  1222.     background-color: var(--in-content-box-border-color)!important;
  1223.     box-shadow: none!important
  1224.   }
  1225. }
  1226. @-moz-document url-prefix(https://raw.githubusercontent.com) {
  1227.   html {
  1228.     background: var(--in-content-page-background)!important;
  1229.     color: var(--in-content-page-color)!important
  1230.   }
  1231. }
  1232. html#feedHandler,
  1233. html#feedHandler body {
  1234.   background-color: var(--in-content-page-background)!important;
  1235.   color: var(--in-content-page-color)!important
  1236. }
  1237. html#feedHandler h1 {
  1238.   border-color: var(--in-content-box-border-color)!important;
  1239.   color: var(--in-content-selected-text)!important
  1240. }
  1241. html#feedHandler #feedBody,
  1242. html#feedHandler #feedHeader {
  1243.   background-color: var(--in-content-box-background)!important;
  1244.   border-color: var(--in-content-box-border-color)!important;
  1245.   color: var(--in-content-page-color)!important
  1246. }
  1247. html#feedHandler *|:link {
  1248.   color: var(--in-content-link-color)!important
  1249. }
  1250. html#feedHandler #subscribeButton {
  1251.   -moz-appearance: none!important;
  1252.   background: var(--in-content-page-background)!important;
  1253.   color: var(--in-content-page-color)!important;
  1254.   border: 1px solid;
  1255.   border-color: var(--in-content-box-border-color)!important;
  1256.   border-radius: 4px
  1257. }
  1258. html#feedHandler #subscribeButton:hover {
  1259.   background: var(--in-content-box-background)!important
  1260. }
  1261. html#feedHandler .enclosures {
  1262.   background: var(--in-content-page-background)!important;
  1263.   border-color: var(--in-content-box-border-color)!important
  1264. }
  1265. #feedHeaderContainer {
  1266.   background-color: var(--in-content-box-background)!important;
  1267.   display: inline-block!important
  1268. }
  1269. #feedHeaderContainerSpacer {
  1270.   display: none!important
  1271. }
  1272. #feedBody div.entry a[href] {
  1273.   color: var(--in-content-link-color)!important
  1274. }
  1275. #feedBody div.entry a[href]:hover {
  1276.   color: var(--in-content-link-color-hover)!important
  1277. }
  1278. #feedBody div.entry a[href]:active {
  1279.   color: var(--in-content-link-color-active)!important
  1280. }
  1281. #feedBody div.entry a[href]:visited {
  1282.   color: var(--in-content-link-color-visited)!important
  1283. }
  1284. @-moz-document url-prefix(view-source) {
  1285.   :root {
  1286.     background-color: var(--in-content-page-background)!important;
  1287.     color: var(--in-content-page-color)!important
  1288.   }
  1289.   pre[id]:before,
  1290.   span[id]:before {
  1291.     color: var(--in-content-page-color)!important
  1292.   }
  1293.   .highlight .end-tag,
  1294.   .highlight .start-tag {
  1295.     color: var(--theme-highlight-purple)!important
  1296.   }
  1297.   .highlight .comment {
  1298.     color: var(--theme-highlight-green)!important
  1299.   }
  1300.   .highlight .cdata {
  1301.     color: #c06!important
  1302.   }
  1303.   .highlight .doctype {
  1304.     color: #4682b4!important
  1305.   }
  1306.   .highlight .pi {
  1307.     color: var(--theme-highlight-red)!important
  1308.   }
  1309.   .highlight .entity {
  1310.     color: #dea174!important
  1311.   }
  1312.   .highlight .attribute-name {
  1313.     color: var(--theme-highlight-green)!important
  1314.   }
  1315.   .highlight .attribute-value {
  1316.     color: var(--theme-highlight-blue)!important
  1317.   }
  1318.   .highlight .markupdeclaration {
  1319.     color: #4682b4!important
  1320.   }
  1321.   .highlight .error,
  1322.   .highlight .error > :-moz-any(.start-tag,.end-tag,.comment,.cdata,.doctype,.pi,.entity,.attribute-name,.attribute-value) {
  1323.     color: #de7474!important
  1324.   }
  1325. }
  1326. /*! Alters the webextension Brief
  1327.   IMPORTANT: change the Internal UUID */
  1328. @-moz-document url-prefix("moz-extension://brief@mozdev.org/") {
  1329.   #sidebar {
  1330.     background-color: var(--in-content-box-background)!important
  1331.   }
  1332.   #main-message,
  1333.   #view-list > tree-item > .title,
  1334.   #view-title-label,
  1335.   .content,
  1336.   .day-header,
  1337.   .headline-feed-name,
  1338.   .headline-title,
  1339.   .sidebar-button,
  1340.   tree-item > .title {
  1341.     color: var(--in-content-page-color)!important
  1342.   }
  1343.   #sidebar-top {
  1344.     border-bottom: 1px solid!important
  1345.   }
  1346.   .sidebar-button:hover {
  1347.     color: var(--in-content-link-color)!important
  1348.   }
  1349.   tree-folder.selected > tree-folder-header,
  1350.   tree-item.selected {
  1351.     border-color: var(--in-content-link-color)!important;
  1352.     background-color: var(--in-content-link-color)!important
  1353.   }
  1354.   #feed-view-header {
  1355.     background: var(--in-content-category-header-background)!important
  1356.   }
  1357.   #sidebar-splitter,
  1358.   #tag-list-splitter {
  1359.     border-left: 3px solid!important;
  1360.     border-right: 1px solid!important;
  1361.     border-right-color: var(--in-content-category-header-background)
  1362.   }
  1363.   #sidebar-splitter:hover,
  1364.   #tag-list-splitter:hover {
  1365.     border-right-color: var(--in-content-link-color)!important
  1366.   }
  1367.   .full-container-inner {
  1368.     background: 0 0!important
  1369.   }
  1370.   .headline-container:hover > .headline-header {
  1371.     background-color: var(--in-content-category-header-background)!important
  1372.   }
  1373.   tree-folder:not(.selected) > tree-folder-header:hover,
  1374.   tree-item:hover:not(.selected) {
  1375.     background-color: var(--in-content-page-background)!important;
  1376.     border-color: var(--in-content-category-header-background)!important
  1377.   }
  1378.   #view-list > tree-item.selected > .title,
  1379.   .unread-count,
  1380.   tree-item.selected > .title {
  1381.     color: var(--in-content-selected-text)!important
  1382.   }
  1383. }
  1384. /*! Alters the webextension Cookie AutoDelete
  1385.   IMPORTANT: change the Internal UUID */
  1386. @-moz-document url-prefix("moz-extension://CookieAutoDelete@kennydo.com/") {
  1387.   a {
  1388.     color: var(--accent-1)
  1389.   }
  1390.   a:hover {
  1391.     color: var(--accent-2)
  1392.   }
  1393.   #layout,
  1394.   html {
  1395.     background: var(--tone-7)!important;
  1396.     color: var(--primart-light-color)!important
  1397.   }
  1398.   #menu {
  1399.     background-color: var(--tone-8)!important
  1400.   }
  1401.   .menu-link {
  1402.     background: var(--tone-8)!important
  1403.   }
  1404.   .pure-menu-item:hover,
  1405.   .pure-menu-selected {
  1406.     background-color: var(--tone-6)!important
  1407.   }
  1408.   .form-control,
  1409.   input[type=number] {
  1410.     -moz-appearance: none!important;
  1411.     background: var(--tone-6)!important;
  1412.     color: var(--tone-4)!important;
  1413.     border-color: var(--tone-5)!important
  1414.   }
  1415.   .nav-tabs .nav-link {
  1416.     color: var(--tone-4)!important
  1417.   }
  1418.   .nav-tabs .nav-link.active {
  1419.     color: var(--accent-1)!important;
  1420.     background-color: var(--tone-6)!important;
  1421.     border-color: #ddd #ddd #fff!important
  1422.   }
  1423.   body {
  1424.     color: var(--tone-4)!important;
  1425.     background-color: var(--tone-6)!important
  1426.   }
  1427.   .btn-light {
  1428.     color: var(--tone-4)!important;
  1429.     background-color: var(--tone-5)!important;
  1430.     border-color: var(--tone-4)!important
  1431.   }
  1432. }
  1433. /*! Alters the webextension Dark Mode
  1434.   IMPORTANT: change the Internal UUID */
  1435. @-moz-document url-prefix("moz-extension://{174b2d58-b983-4501-ab4b-07e71203cb43}/") {
  1436.   .comment {
  1437.     color: var(--in-content-link-color)!important
  1438.   }
  1439.   .title {
  1440.     background-color: var(--in-content-category-header-background)!important
  1441.   }
  1442.   .highlight {
  1443.     background-color: var(--in-content-box-border-color)!important
  1444.   }
  1445. }
  1446. /*! Alters the webextension Downloads sidebar
  1447.   IMPORTANT: change the Internal UUID */
  1448. @-moz-document url-prefix("moz-extension://{bbb81fb3-49c1-4a42-bcc9-94bc93e19fb8}/") {
  1449.   body {
  1450.     background: var(--in-content-page-background)!important;
  1451.     color: var(--in-content-page-color)!important
  1452.   }
  1453.   .btn,
  1454.   .cancel-button,
  1455.   .erase-button {
  1456.     filter: invert(60%)
  1457.   }
  1458.   .toolbar-bottom {
  1459.     border-color: var(--in-content-border-color)!important
  1460.   }
  1461.   .toolbar-bottom button {
  1462.     color: var(--in-content-page-color)!important
  1463.   }
  1464.   .toolbar-bottom button:hover {
  1465.     background: var(--in-content-box-background-hover)!important
  1466.   }
  1467. }
  1468. /*! Pop Up Background Fixes */
  1469. @-moz-document url-prefix("moz-extension://{7fc8ef53-24ec-4205-87a4-1e745953bb0d}/popup.html"),
  1470. url-prefix("moz-extension://https-everywhere@eff.org/pages/popup"),
  1471. url-prefix("moz-extension://jid1-BoFifL9Vbdl2zQ@jetpack/pages/popup"),
  1472. url-prefix("moz-extension://{b3e677f4-1150-4387-8629-da738260a48e}/data/data/popup.html"),
  1473. url-prefix("moz-extension://renametabtitle@mozilla.org/popup/popup.html"),
  1474. url-prefix("moz-extension://{6f5f4891-9637-41f9-9ee5-3a0ac02cf254}/popup"),
  1475. url-prefix("moz-extension://{e4a8a97b-f2ed-450b-b12d-ee082ba24781}/src/browser/monkey-menu"),
  1476. url-prefix("moz-extension://{b43b974b-1d3a-4232-b226-eaa2ac6ebb69}/"),
  1477. url-prefix("moz-extension://woop-NoopscooPsnSXQ@jetpack") {
  1478.   :root {
  1479.     --in-content-page-background: var(--tone-6)!important;
  1480.     --in-content-box-background: rgba(11,11,12,0.2)!important;
  1481.     --in-content-box-border-color: rgba(249, 249, 250, 0.3)!important;
  1482.     --in-content-box-background-hover: rgba(11,11,12,0.2)!important
  1483.   }
  1484.   button {
  1485.     margin-top: 3px!important
  1486.   }
  1487.   input {
  1488.     margin-top: 3px!important;
  1489.     margin-bottom: 3px!important
  1490.   }
  1491.   input,
  1492.   textarea {
  1493.     margin-left: 0!important
  1494.   }
  1495. }
  1496. @-moz-document url-prefix("moz-extension://YoutubeDownloader@PeterOlayev.com"),
  1497. url-prefix("moz-extension://autocopy@mozilla.org"),
  1498. url-prefix("moz-extension://{b5a43a70-4092-4899-9c44-63799150b35e}"),
  1499. url-prefix("moz-extension://octopatcher_wowmotty@gmail.com"),
  1500. url-prefix("moz-extension://{54BB9F3F-07E5-486c-9B39-C7398B99391C}"),
  1501. url-prefix("moz-extension://multipletab@piro.sakura.ne.jp/"),
  1502. url-prefix("moz-extension://neaturl@hugsmile.eu/"),
  1503. url-prefix("moz-extension://smart-referer@meh.paranoid.pk/"),
  1504. url-prefix("moz-extension://{e225ac78-5e83-484b-a16b-b6ed0924212f}/"),
  1505. url-prefix("moz-extension://{7fc8ef53-24ec-4205-87a4-1e745953bb0d}/"),
  1506. url-prefix("moz-extension://https-everywhere@eff.org/"),
  1507. url-prefix("moz-extension://skipredirect@sblask/"),
  1508. url-prefix("moz-extension://{174b2d58-b983-4501-ab4b-07e71203cb43}/"),
  1509. url-prefix("moz-extension://jid1-BoFifL9Vbdl2zQ@jetpack/"),
  1510. url-prefix("moz-extension://{b3e677f4-1150-4387-8629-da738260a48e}/"),
  1511. url-prefix("moz-extension://jid0-HYNmqxA9zQGfJADREri4n2AHKSI@jetpack/options/options"),
  1512. url-prefix("moz-extension://treestyletab@piro.sakura.ne.jp/options/options"),
  1513. url-prefix("moz-extension://translator@zoli.bod"),
  1514. url-prefix("moz-extension://enhancerforyoutube@maximerf.addons.mozilla.org/options.html"),
  1515. url-prefix("moz-extension://{bee6eb20-01e0-ebd1-da83-080329fb9a3a}/html/options.html"),
  1516. url-prefix("moz-extension://back2close@bomjacob.github.io/"),
  1517. url-prefix("moz-extension://{7e56c1ad-71c3-47fe-bdba-372c7770e0cb}/"),
  1518. url-prefix("moz-extension://newtabfromlocationbar@piro.sakura.ne.jp/"),
  1519. url-prefix("moz-extension://mobislan@users.noreply.github.com/"),
  1520. url-prefix("moz-extension://{6f5f4891-9637-41f9-9ee5-3a0ac02cf254}/"),
  1521. url-prefix("moz-extension://display-anchors@robwu.nl/"),
  1522. url-prefix("moz-extension://renametabtitle@mozilla.org/"),
  1523. url-prefix("moz-extension://{e4a8a97b-f2ed-450b-b12d-ee082ba24781}/src/browser/monkey-menu"),
  1524. url-prefix("moz-extension://{b43b974b-1d3a-4232-b226-eaa2ac6ebb69}/"),
  1525. url-prefix("moz-extension://woop-NoopscooPsnSXQ@jetpack"),
  1526. url-prefix("moz-extension://generic_styling_1"),
  1527. url-prefix("moz-extension://generic_styling_2"),
  1528. url-prefix("moz-extension://generic_styling_3"),
  1529. url-prefix("moz-extension://generic_styling_4"),
  1530. url-prefix("moz-extension://generic_styling_5") {
  1531.   * {
  1532.     color: var(--in-content-page-color)!important;
  1533.     background-color: var(--in-content-page-background)!important;
  1534.     border-color: var(--in-content-box-border-color)!important;
  1535.     text-shadow: none!important
  1536.   }
  1537.   select {
  1538.     color: #000!important
  1539.   }
  1540.   select * {
  1541.     background-color: var(--in-content-box-background)!important
  1542.   }
  1543.   a {
  1544.     color: var(--in-content-link-color)!important
  1545.   }
  1546.   a:hover {
  1547.     color: var(--in-content-link-color-hover)!important
  1548.   }
  1549.   h1,
  1550.   h2,
  1551.   h3,
  1552.   h4,
  1553.   h5,
  1554.   h6 {
  1555.     color: var(--in-content-category-text-selected)!important
  1556.   }
  1557.   fieldset {
  1558.     border: 2px solid!important;
  1559.     border-color: var(--in-content-box-border-color)!important
  1560.   }
  1561.   input:not([type=checkbox]) {
  1562.     background: var(--in-content-box-background)!important;
  1563.     color: var(--in-content-page-color)!important
  1564.   }
  1565.   input[type=file] {
  1566.     background-color: var(--in-content-page-background)!important
  1567.   }
  1568.   input[type=input],
  1569.   input[type=number],
  1570.   input[type=text],
  1571.   input[type=textbox],
  1572.   input[type=url],
  1573.   textarea {
  1574.     -moz-appearance: none!important;
  1575.     background: var(--in-content-box-background)!important;
  1576.     color: var(--in-content-page-color)!important;
  1577.     border: 1px solid!important;
  1578.     border-color: var(--in-content-box-border-color)!important;
  1579.     margin-left: 3px!important;
  1580.     padding-left: 3px!important
  1581.   }
  1582.   input:checked + .slider {
  1583.     background-color: var(--in-content-primary-button-background)!important
  1584.   }
  1585.   input:not(:checked) + .slider {
  1586.     background-color: var(--in-content-box-background)!important
  1587.   }
  1588.   textarea {
  1589.     margin: 2px 0!important;
  1590.     padding: 5px!important
  1591.   }
  1592.   .button,
  1593.   button,
  1594.   input[type=submit] {
  1595.     -moz-appearance: none!important;
  1596.     background-image: none!important;
  1597.     background-color: var(--in-content-page-background)!important;
  1598.     color: var(--in-content-page-color)!important;
  1599.     border: 1px solid!important;
  1600.     border-color: var(--in-content-box-border-color)!important;
  1601.     border-radius: 3px!important
  1602.   }
  1603.   .button:hover,
  1604.   button:hover,
  1605.   input[type=submit]:hover {
  1606.     background-color: var(--in-content-box-background-hover)!important
  1607.   }
  1608. }
  1609. /*! Code Mirror */
  1610. @-moz-document url-prefix("moz-extension://{aecec67f-0d10-4fa7-b7c7-609a2db280cf}/"),
  1611. url-prefix("moz-extension://uBlock0@raymondhill.net/"),
  1612. url-prefix("moz-extension://uMatrix@raymondhill.net/"),
  1613. url-prefix("moz-extension://{e4a8a97b-f2ed-450b-b12d-ee082ba24781}/src/content/edit-user-script") {
  1614.   .CodeMirror {
  1615.     border: 1px solid!important;
  1616.     border-color: var(--cm-background)!important;
  1617.     background: var(--cm-background)!important;
  1618.     color: #b1b1b3!important;
  1619.     font-size: 11px!important;
  1620.     line-height: 14px!important
  1621.   }
  1622.   .CodeMirror-line > span > span::selection,
  1623.   .CodeMirror-line > span::selection,
  1624.   .CodeMirror-line::selection,
  1625.   div.CodeMirror-selected {
  1626.     background: var(--cm-selection)!important
  1627.   }
  1628.   div.CodeMirror-selected {
  1629.     background: #353b48!important
  1630.   }
  1631.   .CodeMirror-gutters {
  1632.     background: var(--theme-sidebar-background)!important;
  1633.     border-right: 0 solid!important
  1634.   }
  1635.   .CodeMirror-guttermarker,
  1636.   .CodeMirror-guttermarker-subtle {
  1637.     color: var(--cm-marker)!important
  1638.   }
  1639.   .CodeMirror-linenumber {
  1640.     padding: 0 8px 0 5px!important;
  1641.     color: var(--cm-linenumber)!important
  1642.   }
  1643.   .CodeMirror-cursor {
  1644.     border-left: 1px solid!important;
  1645.     border-color: var(--cm-cursor)!important
  1646.   }
  1647.   span.cm-comment,
  1648.   span.cm-hr,
  1649.   span.cm-meta {
  1650.     color: #939393!important
  1651.   }
  1652.   span.cm-atom,
  1653.   span.cm-attribute,
  1654.   span.cm-builtin,
  1655.   span.cm-error,
  1656.   span.cm-keyword,
  1657.   span.cm-quote {
  1658.     color: var(--theme-highlight-red)!important
  1659.   }
  1660.   span.cm-number,
  1661.   span.cm-string,
  1662.   span.cm-string-2 {
  1663.     color: #6b89ff!important
  1664.   }
  1665.   span.cm-bracket,
  1666.   span.cm-def,
  1667.   span.cm-header,
  1668.   span.cm-link:visited,
  1669.   span.cm-qualifier,
  1670.   span.cm-tag,
  1671.   span.cm-variable-2 {
  1672.     color: var(--theme-highlight-blue)!important
  1673.   }
  1674.   span.cm-property {
  1675.     color: var(--theme-highlight-green)!important
  1676.   }
  1677.   span.cm-variable {
  1678.     color: var(--theme-highlight-purple)!important
  1679.   }
  1680.   span.cm-special,
  1681.   span.cm-variable-3 {
  1682.     color: var(--in-content-text-color)!important
  1683.   }
  1684.   span.cm-link {
  1685.     color: var(--in-content-box-border-color)!important
  1686.   }
  1687.   span.cm-operator {
  1688.     color: var(--in-content-page-color)!important
  1689.   }
  1690.   .CodeMirror-activeline-background {
  1691.     background: var(--cm-active-line-background)!important
  1692.   }
  1693.   .CodeMirror-matchingbracket {
  1694.     outline: var(--cm-matching-bracket) solid 1px!important;
  1695.     color: var(--cm-cursor)!important
  1696.   }
  1697.   .CodeMirror-merge-l-chunk {
  1698.     background: var(--in-content-page-background)!important
  1699.   }
  1700.   .cm-search-widget {
  1701.     background-color: var(--theme-sidebar-background)!important;
  1702.     border: 1px solid;
  1703.     border-bottom: none!important;
  1704.     border-color: var(--in-content-category-header-background)!important;
  1705.     max-height: 15px!important;
  1706.     justify-content: right!important
  1707.   }
  1708.   .cm-search-widget input {
  1709.     -moz-appearance: none!important;
  1710.     background-color: var(--cm-search-background)!important;
  1711.     border: 1px solid!important;
  1712.     border-color: var(--in-content-table-border-dark-color)!important;
  1713.     color: var(--in-content-page-color)!important;
  1714.     border-radius: 8px!important;
  1715.     padding-left: 8px!important
  1716.   }
  1717.   .cm-searching {
  1718.     background-color: var(--warning-background-color)!important
  1719.   }
  1720.   .cm-staticOpt {
  1721.     background-color: var(--in-content-box-background)!important;
  1722.     font-weight: 700
  1723.   }
  1724.   .CodeMirror-merge-gap {
  1725.     background-color: var(--theme-sidebar-background)!important;
  1726.     border-top: 1px solid!important;
  1727.     border-bottom: 1px solid!important;
  1728.     border-right: none!important;
  1729.     border-left: none!important;
  1730.     border-color: var(--cm-background)!important
  1731.   }
  1732.   .CodeMirror-merge {
  1733.     border: none!important
  1734.   }
  1735.   .cm-search-widget span.fa {
  1736.     color: var(--in-content-border-color)!important;
  1737.     font-size: 100%!important
  1738.   }
  1739.   .cm-staticext {
  1740.     color: var(--theme-highlight-blue)!important
  1741.   }
  1742.   .cm-staticnetBlock {
  1743.     color: var(--cm-red)!important
  1744.   }
  1745.   .cm-staticnetAllow {
  1746.     color: var(--theme-highlight-green)!important
  1747.   }
  1748. }
  1749. @-moz-document url-prefix("moz-extension://{e4a8a97b-f2ed-450b-b12d-ee082ba24781}/") {
  1750.   body,
  1751.   html {
  1752.     background: var(--in-content-page-background)!important
  1753.   }
  1754.   #tabs .tab.active,
  1755.   .command-item {
  1756.     background: var(--tone-8)!important;
  1757.     color: var(--in-content-page-color)!important
  1758.   }
  1759.   .subview-back::before {
  1760.     content: url(/skin/back.svg);
  1761.     filter: invert(65%)
  1762.   }
  1763.   .subview-back:focus,
  1764.   .subview-back:hover,
  1765.   .subview-item:focus,
  1766.   .subview-item:hover {
  1767.     background-color: var(--in-content-category-background-hover)!important;
  1768.     cursor: default;
  1769.     color: inherit;
  1770.     text-decoration: none
  1771.   }
  1772.   .subview-item .icon,
  1773.   .subview-item .text {
  1774.     background: 0 0!important
  1775.   }
  1776. }
  1777. /*! Alters the webextension Multi-Account Containers
  1778.   IMPORTANT: change the Internal UUID in BOTH locations */
  1779. @-moz-document url-prefix("moz-extension://@testpilot-containers/") {
  1780.   #current-tab,
  1781.   .column-panel-content,
  1782.   .container-panel-row,
  1783.   .userContext-wrapper,
  1784.   html body div#container-panel.panel.container-panel {
  1785.     background: var(--in-content-box-background)!important;
  1786.     color: var(--in-content-page-color)!important
  1787.   }
  1788.   #current-tab > h3,
  1789.   .container-info-list,
  1790.   .panel-header-text {
  1791.     color: var(--in-content-page-color)!important
  1792.   }
  1793.   #container-panel #sort-containers-link {
  1794.     border-color: var(--in-content-box-border-color)!important;
  1795.     color: var(--in-content-page-color)!important
  1796.   }
  1797.   #container-panel #sort-containers-link:hover,
  1798.   .clickable:hover {
  1799.     background: var(--tone-7)!important
  1800.   }
  1801.   .container-panel-row {
  1802.     background-color: var(--tone-6)!important;
  1803.     border-block-end: 1px solid var(--tone-5);
  1804.     color: var(--in-content-page-color)!important
  1805.   }
  1806.   .scrollable {
  1807.     border-block-start: 1px solid var(--tone-5)!important;
  1808.     background: var(--tone-6)!important
  1809.   }
  1810.   .panel-footer {
  1811.     background: var(--tone-7)!important;
  1812.     border-block-end: 1px solid var(--tone-7)!important
  1813.   }
  1814.   .container-panel-row:focus .clickable.userContext-wrapper,
  1815.   .container-panel-row:hover .clickable.userContext-wrapper,
  1816.   .container-panel-row:hover .pop-button,
  1817.   .panel-header {
  1818.     background: var(--tone-7)!important
  1819.   }
  1820.   .panel-back-arrow {
  1821.     background: var(--tone-6)!important
  1822.   }
  1823.   .back-arrow-img {
  1824.     filter: invert(65%)!important
  1825.   }
  1826.   .container-panel-row {
  1827.     border-block-end: 1px solid var(--tone-5)!important
  1828.   }
  1829.   #current-tab > label > input[disabled] {
  1830.     background-color: var(--tone-5)!important;
  1831.     border-color: var(--tone-4)!important
  1832.   }
  1833.   #current-tab > label > input:checked {
  1834.     filter: invert(100%);
  1835.     border-color: var(--tone-5)!important
  1836.   }
  1837.   .column-panel-content form {
  1838.     background: var(--tone-6)!important
  1839.   }
  1840.   .pop-button-image-small {
  1841.     filter: invert(650%)!important
  1842.   }
  1843.   .edit-container-panel fieldset,
  1844.   .edit-containers-text a {
  1845.     color: var(--in-content-page-color)!important
  1846.   }
  1847.   .edit-container-panel input[type=text] {
  1848.     background: var(--tone-8)!important;
  1849.     color: var(--in-content-page-color)!important;
  1850.     border-color: var(--tone-5)!important
  1851.   }
  1852.   [data-identity-color=grey] {
  1853.     --identity-icon-color: var(--tone-4)!important
  1854.   }
  1855.   .button {
  1856.     color: var(--in-content-page-color)!important
  1857.   }
  1858.   .container-notification {
  1859.     background: var(--tone-7)!important;
  1860.     color: var(--in-content-page-color)!important
  1861.   }
  1862.   .edit-containers-text {
  1863.     border-inline-end: solid 0 #d8d8d8!important
  1864.   }
  1865. }
  1866. /*! Alters the webextension Multi-Account Containers
  1867.   IMPORTANT: change the Internal UUID in BOTH locations */
  1868. @-moz-document url-prefix("moz-extension://@testpilot-containers/confirm-page") {
  1869.   body {
  1870.     background-color: var(--tone-7)!important
  1871.   }
  1872.   .title-text,
  1873.   body {
  1874.     color: var(--in-content-page-color)!important
  1875.   }
  1876.   #redirect-url {
  1877.     background: var(--tone-8)!important
  1878.   }
  1879.   .button-container > button:first-child {
  1880.     background: var(--in-content-box-background)!important;
  1881.     border-color: var(--tone-5)!important
  1882.   }
  1883.   .button-container > button:first-child:hover {
  1884.     background: var(--tone-8)!important
  1885.   }
  1886.   #never-ask {
  1887.     -moz-appearance: none!important;
  1888.     background-color: var(--tone-6)!important;
  1889.     border-color: var(--in-content-box-border-color)!important;
  1890.     background-image: none!important;
  1891.     box-shadow: none!important
  1892.   }
  1893.   #never-ask:checked {
  1894.     background-image: url(chrome://global/skin/in-content/check.svg)!important;
  1895.     background-color: var(--tone-6)!important
  1896.   }
  1897. }
  1898. /*! Alters the webextension NoScript
  1899.   IMPORTANT: change the Internal UUID */
  1900. @-moz-document url-prefix("moz-extension://{73a6fe31-595d-460b-a920-fcc0f8843232}/") {
  1901.   body {
  1902.     background: var(--tone-6)!important
  1903.   }
  1904.   #top {
  1905.     border-color: var(--tone-5)!important
  1906.   }
  1907.   .site .url[data-key=full] span,
  1908.   .site .url[data-key=secure] .domain,
  1909.   .site .url[data-key=secure] .sub {
  1910.     color: var(--tone-4)!important
  1911.   }
  1912.   .sites > tr:nth-child(2n) {
  1913.     background: var(--tone-6)!important
  1914.   }
  1915.   .sites > tr:nth-child(2n+1) {
  1916.     background: var(--tone-7)!important
  1917.   }
  1918.   #presets input.preset,
  1919.   .presets input.preset:checked {
  1920.     color: var(--tone-4)!important;
  1921.     background-color: var(--tone-8)!important
  1922.   }
  1923.   #sect-general,
  1924.   .presets label.preset {
  1925.     color: var(--tone-4)!important
  1926.   }
  1927.   button,
  1928.   input[type=text] {
  1929.     -moz-appearance: none!important;
  1930.     background-color: var(--tone-7)!important;
  1931.     border-color: var(--tone-5)!important;
  1932.     color: var(--primar-light-color)!important
  1933.   }
  1934.   #top #close,
  1935.   #top #options,
  1936.   #top #reload,
  1937.   #top #revoke-temp,
  1938.   #top #temp-allow-page {
  1939.     background-color: var(--tone-6)!important;
  1940.     border: none!important
  1941.   }
  1942. }
  1943. .pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder,
  1944. .pkt_ext_containersaved h2,
  1945. .token-input-dropdown-tag ul li {
  1946.   color: var(--in-content-page-color)!important
  1947. }
  1948. .pkt_ext_containersaved .pkt_ext_tag_detail,
  1949. .pkt_ext_containersaved .pkt_ext_tag_input_wrapper,
  1950. .token-input-dropdown-tag {
  1951.   border-color: var(--in-content-box-border-color)!important;
  1952.   background: var(--in-content-box-background)!important
  1953. }
  1954. .pkt_ext_containersaved .pkt_ext_tag_input_wrapper input {
  1955.   background-color: var(--in-content-box-background)!important;
  1956.   color: var(--in-content-page-color)!important
  1957. }
  1958. .pkt_ext_containersaved .pkt_ext_btn {
  1959.   background: var(--in-content-category-header-background)!important
  1960. }
  1961. .pkt_ext_containersaved .token-input-token {
  1962.   border-color: var(--in-content-box-border-color)!important;
  1963.   background-color: var(--in-content-table-border-dark-color)!important;
  1964.   color: var(--in-content-page-color)!important
  1965. }
  1966. @-moz-document url-prefix("moz-extension://{b43b974b-1d3a-4232-b226-eaa2ac6ebb69}/") {
  1967.   .box-min input[type=checkbox]:checked ~ i {
  1968.     background: var(--in-content-link-color)!important;
  1969.     border-color: var(--in-content-link-color)!important
  1970.   }
  1971.   .toggle label {
  1972.     background-color: var(--in-content-page-color)!important
  1973.   }
  1974.   .toggle input:checked + label {
  1975.     background-color: var(--in-content-link-color)!important
  1976.   }
  1977.   #main .block h2 {
  1978.     color: var(--in-content-text-color)!important
  1979.   }
  1980.   #main .block h5,
  1981.   .bugreport-link {
  1982.     color: var(--in-content-page-color)!important
  1983.   }
  1984. }
  1985. /*! Alters the webextension Request Control
  1986.   IMPORTANT: change the Internal UUID */
  1987. @-moz-document url-prefix("moz-extension://{1b1e6108-2d88-4f0f-a338-01f9dbcccd6f}/") {
  1988.   * {
  1989.     color: var(--in-content-page-color)!important
  1990.   }
  1991.   body {
  1992.     background-color: var(--in-content-page-background)!important
  1993.   }
  1994.   .page-header,
  1995.   hr {
  1996.     border-color: var(--in-content-box-border-color)!important
  1997.   }
  1998.   .nav-tabs.nav-justified > li > a {
  1999.     border-bottom-color: var(--in-content-box-border-color)!important
  2000.   }
  2001.   .badge {
  2002.     color: var(--in-content-text-color)!important
  2003.   }
  2004.   .rule:not(.editing):not(:hover) {
  2005.     background-color: var(--in-content-box-background)!important
  2006.   }
  2007.   .editing .rule-header,
  2008.   .list-group-item,
  2009.   .rule:hover:not(.editing) {
  2010.     background-color: var(--in-content-box-background-hover)!important;
  2011.     border-color: var(--in-content-box-border-color)!important
  2012.   }
  2013.   .nav-tabs > li > a:hover,
  2014.   .nav-tabs > li.active > a,
  2015.   .nav-tabs > li.active > a:focus,
  2016.   .nav-tabs > li.active > a:hover {
  2017.     background-color: var(--in-content-category-header-background)!important;
  2018.     border-color: var(--in-content-box-border-color)!important
  2019.   }
  2020.   tabs.nav-justified > li > a {
  2021.     border-bottom: 1px solid!important;
  2022.     border-color: var(--in-content-box-border-color)!important
  2023.   }
  2024.   .btn-default {
  2025.     background-color: var(--in-content-page-background)!important;
  2026.     border-color: var(--in-content-box-border-color)!important
  2027.   }
  2028.   .btn-default.active {
  2029.     background-color: var(--in-content-box-background-active)!important
  2030.   }
  2031.   .btn-default:hover {
  2032.     background-color: var(--in-content-box-background-hover)!important
  2033.   }
  2034.   .list-group-item:first-child {
  2035.     background: var(--in-content-box-background)!important;
  2036.     border-color: var(--in-content-box-border-color)!important
  2037.   }
  2038.   .table,
  2039.   .table-striped > tbody > tr:nth-of-type(2n+1) {
  2040.     background-color: var(--in-content-box-background)!important
  2041.   }
  2042.   .tags-input,
  2043.   input[type=text],
  2044.   select {
  2045.     background: var(--in-content-page-background)!important;
  2046.     color: var(--in-content-text-color)!important;
  2047.     border-color: var(--in-content-box-border-color)!important
  2048.   }
  2049.   .tags-input .tag {
  2050.     background: var(--in-content-item-selected)!important;
  2051.     border-color: var(--in-content-box-border-color)!important
  2052.   }
  2053.   button img,
  2054.   img.arrow {
  2055.     filter: invert(65%)!important
  2056.   }
  2057. }
  2058. /*! Alters the webextension Tree Style Tab
  2059.   IMPORTANT: change the Internal UUID in BOTH locations */
  2060. @-moz-document url-prefix("moz-extension://treestyletab@piro.sakura.ne.jp/resources/group-tab.html") {
  2061.   :root {
  2062.     background: var(--tone-7)!important
  2063.   }
  2064.   h1::before {
  2065.     background: var(--tone-4)!important
  2066.   }
  2067.   #tabs img[src="https://assets-cdn.github.com/favicon.ico"] {
  2068.     filter: invert(55%)!important
  2069.   }
  2070. }
  2071. /*! Alters the webextension Tree Style Tab
  2072.   IMPORTANT: change the Internal UUID all BOTH locations */
  2073. @-moz-document url-prefix("moz-extension://treestyletab@piro.sakura.ne.jp/") {
  2074.   /*! Use Plain Dark Appearance */
  2075. #debug-configs,
  2076.   p,
  2077.   ul {
  2078.     color: var(--tone-4)!important
  2079.   }
  2080.   h1,
  2081.   legend {
  2082.     color: var(--accent-1)!important
  2083.   }
  2084.   a {
  2085.     color: var(--accent-2)!important
  2086.   }
  2087.   #contextual-identities-selector,
  2088.   #newtab-action-selector,
  2089.   #tabContextMenu,
  2090.   .extra.has-submenu ul {
  2091.     background: var(--tone-6)!important;
  2092.     border: none!important
  2093.   }
  2094.   .menu-ui-59858.menu-ui.menu li.separator {
  2095.     border-color: var(--in-content-box-border-color)!important
  2096.   }
  2097.   :root {
  2098.     background-color: var(--in-content-page-background)!important
  2099.   }
  2100.   .tab {
  2101.     background: var(--in-content-page-background)!important;
  2102.     border-color: var(--in-content-category-header-background)!important
  2103.   }
  2104.   .tab .counter,
  2105.   .tab .label {
  2106.     color: var(--in-content-page-color)!important
  2107.   }
  2108.   :root.simulate-svg-context-fill .closebox::after {
  2109.     background: var(--in-content-page-color)!important
  2110.   }
  2111.   .tab:hover {
  2112.     background-color: var(--in-content-category-header-background)!important
  2113.   }
  2114.   .tab.active {
  2115.     background-color: var(--in-content-border-focus)!important
  2116.   }
  2117.   .tab.selected {
  2118.     background-color: var(--primary-accent-color-dark)!important
  2119.   }
  2120.   .tab.active .label,
  2121.   .tab.selected .label {
  2122.     color: #fff!important
  2123.   }
  2124.   .tab.active:hover {
  2125.     background-color: var(--in-content-primary-button-background)!important
  2126.   }
  2127.   .tab.discarded {
  2128.     opacity: .75!important
  2129.   }
  2130.   .tab.discarded .label {
  2131.     color: var(--in-content-box-border-color)!important
  2132.   }
  2133.   .tab.unread .label {
  2134.     font-style: italic!important
  2135.   }
  2136.   .tab:not(:hover) .closebox {
  2137.     display: none!important
  2138.   }
  2139.   .after-tabs button,
  2140.   .twisty {
  2141.     color: var(--in-content-page-color)!important
  2142.   }
  2143.   .simulate-svg-context-fill:root .newtab-button::before {
  2144.     background: var(--in-content-page-color)!important
  2145.   }
  2146.   .tab.active .twisty {
  2147.     color: #fff!important
  2148.   }
  2149.   .newtab-button {
  2150.     background-color: var(--tone-7)!important
  2151.   }
  2152.   .newtab-button:hover {
  2153.     background-color: var(--tone-8)!important
  2154.   }
  2155.   #all-tabs .tab:not(.active)[data-current-uri*="github.com"] .favicon {
  2156.     filter: invert(65%)!important
  2157.   }
  2158.   .simulate-svg-context-fill:root .tab.group-tab .favicon-default::before {
  2159.     filter: invert(45%)!important
  2160.   }
  2161.   #background,
  2162.   #background::after,
  2163.   #tabbar {
  2164.     background: var(--in-content-page-background)!important
  2165.   }
  2166. }
  2167. /*! Alters the webextension Tridactyl
  2168.   IMPORTANT: change the Internal UUID */
  2169. @-moz-document url-prefix("moz-extension://tridactyl.vim@cmcaine.co.uk/") {
  2170.   .container-main,
  2171.   body,
  2172.   html {
  2173.     background: var(--in-content-page-background)!important
  2174.   }
  2175.   .tsd-panel {
  2176.     background: var(--in-content-box-background)!important
  2177.   }
  2178.   .tsd-page-title,
  2179.   .tsd-page-toolbar,
  2180.   footer {
  2181.     background: var(--in-content-category-header-background)!important;
  2182.     border-color: var(--in-content-category-header-background)!important
  2183.   }
  2184.   body,
  2185.   table {
  2186.     color: var(--in-content-page-color)!important
  2187.   }
  2188.   a:link {
  2189.     color: var(--in-content-link-color)!important
  2190.   }
  2191.   #completions .sectionHeader {
  2192.     background: var(--in-content-category-header-background)!important;
  2193.     color: var(--in-content-text-color)!important
  2194.   }
  2195.   #completions {
  2196.     background: var(--in-content-page-background)!important;
  2197.     border-color: var(--in-content-box-border-color)!important
  2198.   }
  2199.   .option:not(.focused) .url {
  2200.     color: var(--code-green)!important;
  2201.     background: var(--in-content-page-background)!important
  2202.   }
  2203.   input {
  2204.     background: var(--in-content-category-header-background)!important;
  2205.     color: var(--in-content-text-color)!important
  2206.   }
  2207.   .focused,
  2208.   .focused .url {
  2209.     background: var(--warning-background-color)!important;
  2210.     color: var(--warning-color)!important
  2211.   }
  2212.   .spoiler {
  2213.     background-color: var(--in-content-box-background)!important;
  2214.     border-color: var(--in-content-box-border-color)!important
  2215.   }
  2216. }
  2217. /*! Alters the webextension uBlock Origin
  2218.   IMPORTANT: change the Internal UUID */
  2219. @-moz-document url-prefix("moz-extension://uBlock0@raymondhill.net/") {
  2220.   button.custom {
  2221.     background-color: var(--in-content-page-background)!important;
  2222.     background-image: none!important;
  2223.     border-color: var(--in-content-box-border-color)!important;
  2224.     color: var(--in-content-text-color)!important;
  2225.     opacity: 1!important
  2226.   }
  2227.   button#bye,
  2228.   button#proceedPermanent,
  2229.   button#proceedTemporary {
  2230.     -moz-appearance: none!important;
  2231.     background-image: none!important;
  2232.     background-color: var(--in-content-page-background)!important;
  2233.     color: var(--in-content-page-color)!important;
  2234.     border: 1px solid!important;
  2235.     border-color: var(--in-content-box-border-color)!important;
  2236.     border-radius: 3px!important
  2237.   }
  2238.   button#bye:hover,
  2239.   button#proceedPermanent:hover,
  2240.   button#proceedTemporary:hover,
  2241.   button.custom:hover {
  2242.     background-color: var(--in-content-box-background-hover)!important
  2243.   }
  2244.   button.custom.disabled,
  2245.   button.custom[disabled] {
  2246.     opacity: .5!important
  2247.   }
  2248.   #appinfo {
  2249.     background-color: var(--tone-8)!important;
  2250.     color: var(--tone-4)!important
  2251.   }
  2252.   #panes,
  2253.   body,
  2254.   body[dir=ltr] #panes > div {
  2255.     background: var(--tone-7)!important;
  2256.     color: var(--tone-4)!important
  2257.   }
  2258.   #diff {
  2259.     border-color: var(--tone-5)!important
  2260.   }
  2261.   #whyex a,
  2262.   label a,
  2263.   p a,
  2264.   ul a,
  2265.   ul#userSettings .subgroup > span {
  2266.     color: var(--accent-1)!important
  2267.   }
  2268.   #whyex a:visited,
  2269.   .content:visited {
  2270.     color: var(--in-content-link-color-visited)!important
  2271.   }
  2272.   #dashboard-nav-widgets span {
  2273.     color: var(--tone-4)!important
  2274.   }
  2275.   a.info {
  2276.     color: var(--tone-4)!important;
  2277.     opacity: .5
  2278.   }
  2279.   li.listEntry span.status {
  2280.     color: var(--tone-4)!important
  2281.   }
  2282.   li.listEntry > a.remove,
  2283.   li.listEntry > a.remove:visited {
  2284.     color: var(--red-80)!important
  2285.   }
  2286.   #switch .fa {
  2287.     color: var(--accent-1)!important
  2288.   }
  2289.   .tool,
  2290.   body.off #switch .fa {
  2291.     color: var(--tone-4)!important
  2292.   }
  2293.   #extraTools > span:hover,
  2294.   .tool.enabled:hover,
  2295.   body.dirty #refresh:hover {
  2296.     color: var(--tone-2)!important
  2297.   }
  2298.   #extraTools,
  2299.   #extraTools > span > span.badge,
  2300.   h2 {
  2301.     background-color: var(--tone-8)!important;
  2302.     color: var(--tone-4)!important
  2303.   }
  2304.   #refresh {
  2305.     background-color: var(--tone-8)!important;
  2306.     border-color: var(--tone-5)!important
  2307.   }
  2308.   #firewallContainer > div {
  2309.     background-color: var(--tone-6)!important
  2310.   }
  2311.   #firewallContainer > div > span {
  2312.     color: var(--tone-4)!important;
  2313.     border-color: var(--tone-5)!important
  2314.   }
  2315.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action.own.block,
  2316.   body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
  2317.     background-color: #ab0000!important;
  2318.     color: var(--tone-2)!important
  2319.   }
  2320.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action > span.block,
  2321.   body.advancedUser #firewallContainer > div > span.blockRule {
  2322.     background-color: #dda0a2!important;
  2323.     color: var(--tone-2)!important
  2324.   }
  2325.   #firewallContainer > div.blocked > span:first-of-type::before,
  2326.   #firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
  2327.     background-color: #c87576!important;
  2328.     opacity: 1!important;
  2329.     color: var(--tone-2)!important
  2330.   }
  2331.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action.own.allow,
  2332.   body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
  2333.     background-color: #229400!important;
  2334.     color: var(--tone-2)!important
  2335.   }
  2336.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action > span.allow,
  2337.   body.advancedUser #firewallContainer > div > span.allowRule {
  2338.     background-color: #95ca8a!important;
  2339.     color: var(--tone-2)!important
  2340.   }
  2341.   #firewallContainer > div.allowed > span:first-of-type::before,
  2342.   #firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
  2343.     background-color: #7ec26f!important;
  2344.     color: var(--tone-2)!important;
  2345.     opacity: 1!important
  2346.   }
  2347.   #actionSelector > span:nth-of-type(2),
  2348.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action.own.noop,
  2349.   body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
  2350.     background-color: #0c46a7!important;
  2351.     color: var(--tone-2)!important
  2352.   }
  2353.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action > span.noop,
  2354.   body.advancedUser #firewallContainer > div > span.noopRule {
  2355.     background-color: #65bdfb!important;
  2356.     color: var(--tone-2)!important
  2357.   }
  2358.   #firewallContainer > div.allowed.blocked > span:first-of-type::before,
  2359.   #firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {
  2360.     background-color: #cdc16e!important;
  2361.     opacity: 1!important
  2362.   }
  2363.   body.advancedUser #firewallContainer.colorBlind > div > span.blockRule.ownRule {
  2364.     background-color: #000060!important
  2365.   }
  2366.   body.advancedUser #firewallContainer.colorBlind > div > span.blockRule {
  2367.     background-color: #787dab!important
  2368.   }
  2369.   body.advancedUser #firewallContainer.colorBlind > div > span.allowRule.ownRule {
  2370.     background-color: #fbb900!important
  2371.   }
  2372.   body.advancedUser #firewallContainer.colorBlind > div > span.allowRule {
  2373.     background-color: #f2d98d!important
  2374.   }
  2375.   body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
  2376.     background-color: #2f2e2e!important
  2377.   }
  2378.   body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
  2379.     background-color: #a1a1a1!important
  2380.   }
  2381.   #firewallContainer.colorBlind > div.allowed > span:first-of-type::before,
  2382.   #firewallContainer.colorBlind.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
  2383.     background-color: #ebd287!important
  2384.   }
  2385.   #firewallContainer.colorBlind > div.blocked > span:first-of-type::before,
  2386.   #firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
  2387.     background-color: #787cab!important
  2388.   }
  2389.   #dashboard-nav-widgets {
  2390.     border-color: var(--tone-5)!important;
  2391.     background-color: var(--tone-8)!important
  2392.   }
  2393.   .tabButton {
  2394.     background-color: var(--tone-7)!important;
  2395.     color: var(--tone-4)!important;
  2396.     border-bottom: 1px solid!important;
  2397.     border-color: var(--tone-5)!important
  2398.   }
  2399.   .tabButton.selected {
  2400.     background-color: var(--tone-8)!important;
  2401.     border-color: var(--tone-5)!important
  2402.   }
  2403.   #ruleFilter input,
  2404.   input[type=number] {
  2405.     -moz-appearance: none!important;
  2406.     background-color: var(--tone-6)!important;
  2407.     border: 1px solid!important;
  2408.     border-color: var(--tone-5)!important;
  2409.     color: var(--tone-4)!important
  2410.   }
  2411.   li.listEntry .content {
  2412.     color: var(--accent-1)!important
  2413.   }
  2414.   #diff .pane {
  2415.     color: var(--tone-4)!important;
  2416.     background: var(--tone-7)!important
  2417.   }
  2418.   #diff li,
  2419.   code {
  2420.     background-color: var(--tone-6)!important
  2421.   }
  2422.   #diff li:nth-child(2n) {
  2423.     background-color: var(--tone-7)!important
  2424.   }
  2425.   #whitelist textarea {
  2426.     background: var(--tone-6)!important;
  2427.     color: var(--tone-4)!important
  2428.   }
  2429.   textarea#externalLists,
  2430.   textarea#userFilters.userFilters {
  2431.     -moz-appearance: none!important;
  2432.     background: var(--tone-6)!important;
  2433.     color: var(--tone-4)!important;
  2434.     border: 1px solid!important;
  2435.     border-color: var(--tone-4)!important
  2436.   }
  2437.   .permatoolbar {
  2438.     background-color: var(--tone-7)!important
  2439.   }
  2440.   .permatoolbar #refresh,
  2441.   .permatoolbar .button {
  2442.     background-color: transparent!important
  2443.   }
  2444.   .permatoolbar #refresh,
  2445.   .permatoolbar .button:hover {
  2446.     background-color: var(--grey-60)!important
  2447.   }
  2448.   #netInspector tr.blocked {
  2449.     background-color: #4b3137!important;
  2450.     color: #ff9494!important
  2451.   }
  2452.   #netInspector #filterInput,
  2453.   #netInspector #maxEntries {
  2454.     -moz-appearance: none!important;
  2455.     background: var(--tone-6)!important;
  2456.     color: var(--tone-4)!important;
  2457.     border: 1px solid!important;
  2458.     padding: 5px!important
  2459.   }
  2460.   #netInspector tr.cosmetic,
  2461.   #netInspector tr.redirect {
  2462.     background-color: #44391f!important;
  2463.     color: #fce19f!important
  2464.   }
  2465.   #netInspector tr.cat_net td:nth-of-type(4):hover,
  2466.   body:not(.popupOn) #netInspector tr.canMtx td:nth-of-type(2):hover {
  2467.     background: var(--tone-8)!important
  2468.   }
  2469.   .modalDialog .dialog {
  2470.     background-color: var(--tone-8)!important;
  2471.     border-color: var(--tone-5)!important
  2472.   }
  2473.   #netFilteringDialog .dialog > div.headers > span.header.selected {
  2474.     background-color: var(--tone-8)!important;
  2475.     color: var(--tone-4)!important;
  2476.     border-color: var(--tone-6)!important
  2477.   }
  2478.   #netFilteringDialog .dialog > div.headers > span.header {
  2479.     background-color: var(--tone-7)!important;
  2480.     border-color: var(--tone-6)!important
  2481.   }
  2482.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry {
  2483.     background-color: var(--tone-6)!important;
  2484.     border-color: var(--tone-5)!important
  2485.   }
  2486.   #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td:first-of-type {
  2487.     border-color: var(--tone-5)!important
  2488.   }
  2489.   #netFilteringDialog .dialog > div.containers > div.dynamic > table.toolbar #saveRules {
  2490.     background-color: var(--tone-6)!important;
  2491.     border: none!important
  2492.   }
  2493.   body #netInspector td {
  2494.     border-color: var(--tone-5)!important
  2495.   }
  2496.   #netInspector tr.maindoc {
  2497.     background-color: var(--tone-8)!important;
  2498.     color: var(--grey-30)!important
  2499.   }
  2500.   li.listEntry > a.remove,
  2501.   li.listEntry > a.remove:visited,
  2502.   li.listEntry span.failed,
  2503.   li.listEntry span.unsecure {
  2504.     color: #de7474!important
  2505.   }
  2506.   a.fa.support,
  2507.   a.mustread {
  2508.     color: var(--in-content-page-color)!important
  2509.   }
  2510.   li.listEntry.mustread > a.mustread:hover {
  2511.     color: var(--accent-2)!important
  2512.   }
  2513.   li.listEntry span.obsolete {
  2514.     color: var(--warning-color)!important
  2515.   }
  2516. }
  2517. @-moz-document url-prefix("about:blank") {
  2518.   aside {
  2519.     background-color: var(--in-content-page-background)!important;
  2520.     border-color: var(--tone-8)!important;
  2521.     color: var(--in-content-page-color)!important
  2522.   }
  2523.   ul > li > ul > li:hover {
  2524.     background-color: var(--in-content-box-background)!important
  2525.   }
  2526.   section > div:first-child > textarea {
  2527.     background-color: var(--in-content-box-background)!important;
  2528.     color: var(--in-content-page-color)!important
  2529.   }
  2530.   section > div:first-child {
  2531.     border-color: var(--in-content-box-border-color)!important
  2532.   }
  2533.   section.invalidFilter > div:first-child {
  2534.     border-color: red!important
  2535.   }
  2536.   button {
  2537.     background-color: var(--in-content-page-background)!important;
  2538.     border-color: var(--in-content-box-border-color)!important;
  2539.     color: var(--in-content-page-color)!important
  2540.   }
  2541.   button:disabled {
  2542.     color: var(--tone-5)!important
  2543.   }
  2544.   button:not(:disabled):hover {
  2545.     background-color: var(--in-content-box-background-hover)!important
  2546.   }
  2547.   #create:not(:disabled) {
  2548.     background-color: var(--theme-highlight-yellow)!important;
  2549.     color: #000!important
  2550.   }
  2551.   body.preview #preview {
  2552.     background-color: var(--theme-highlight-blue)!important;
  2553.     color: #000!important
  2554.   }
  2555. }
  2556. /*! Alters the webextension uBO-Scope
  2557.   IMPORTANT: change the Internal UUID */
  2558. @-moz-document url-prefix("moz-extension://uBO-Scope@raymondhill.net/") {
  2559.   #heatmaps .togglerBar,
  2560.   body,
  2561.   body.theoretical #heatmaps .heatmap.theoretical {
  2562.     background: var(--tone-6)!important
  2563.   }
  2564.   #heatmaps {
  2565.     background-color: var(--in-content-box-border-color)!important
  2566.   }
  2567.   #domain3rdDetails {
  2568.     border-color: var(--in-content-box-border-color)!important;
  2569.     background-color: var(--in-content-page-background)!important
  2570.   }
  2571.   #topPane {
  2572.     background-color: var(--tone-6)!important;
  2573.     color: var(--tone-4)!important
  2574.   }
  2575.   #heatmaps .heatmap {
  2576.     border: none;
  2577.     background: var(--tone-6)!important
  2578.   }
  2579.   #heatmaps.list .hmcell {
  2580.     background-color: var(--tone-6)!important;
  2581.     color: var(--tone-4)!important
  2582.   }
  2583.   #domain3rdDetails #authority {
  2584.     background-color: var(--tone-8)!important;
  2585.     position: relative
  2586.   }
  2587.   #scores .scores .score.actual {
  2588.     color: #fff!important
  2589.   }
  2590.   #scores .scores .score.theoretical,
  2591.   body.theoretical #scores .scores .score.actual {
  2592.     color: var(--tone-7)!important
  2593.   }
  2594.   body.theoretical #scores .scores .score.theoretical {
  2595.     color: var(--tone-4)!important
  2596.   }
  2597. }
  2598. @-moz-document url-prefix("moz-extension://uBO-Scope@raymondhill.net/options.html") {
  2599.   body,
  2600.   html {
  2601.     background-color: var(--in-content-page-background)!important;
  2602.     color: var(--in-content-page-color)!important
  2603.   }
  2604.   * {
  2605.     border-color: var(--in-content-box-border-color)!important
  2606.   }
  2607. }
  2608. /*! Alters the webextension uMatrix
  2609.   IMPORTANT: change the Internal UUID */
  2610. @-moz-document url-prefix("moz-extension://uMatrix@raymondhill.net/") {
  2611.   .t81 {
  2612.     color: #fff;
  2613.     background-color: #db4c4c!important
  2614.   }
  2615.   .t82 {
  2616.     background-color: #4cab4c!important
  2617.   }
  2618.   .t2 {
  2619.     border-color: #b2dbb2!important;
  2620.     color: #000;
  2621.     background-color: #b2dbb2!important
  2622.   }
  2623.   /*! Light red */
  2624. .t1 {
  2625.     border-color: #efb2b2!important;
  2626.     color: #000;
  2627.     background-color: #efb2b2!important
  2628.   }
  2629.   .matCell.p81 {
  2630.     background-image: url(data:image/png;base64,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)!important;
  2631.     background-repeat: no-repeat;
  2632.     background-position: -1px -1px
  2633.   }
  2634.   /*! Green Corner */
  2635. .matCell.p82 {
  2636.     background-image: url(data:image/png;base64,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)!important;
  2637.     background-repeat: no-repeat;
  2638.     background-position: -1px -1px
  2639.   }
  2640.   body.colorblind .t82 {
  2641.     border-color: #ffd474!important;
  2642.     color: #000;
  2643.     background-color: #ffd474!important
  2644.   }
  2645.   body.colorblind .t2 {
  2646.     border-color: #ffecc3!important;
  2647.     color: #000;
  2648.     background-color: #ffecc3!important
  2649.   }
  2650.   body.colorblind .t81 {
  2651.     background-color: #4c5999!important
  2652.   }
  2653.   body.colorblind .t1 {
  2654.     border-color: rgba(0,19,110,.3);
  2655.     color: #000;
  2656.     background-color: #b2b8d3!important
  2657.   }
  2658.   body.colorblind .matCell.p81 {
  2659.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAG5JREFUeNrky8ENQFAQRdE704sO9GBDASS2tlaKoRIlECX8Wn7GikQIf9be8uVcKevR+FiM0A/dWuS06sEiEtSDATQFV80Ujl89+DF4w7fgC1+CFHwGqRhAPRiAebPFzDJS58KAmJnHozj3y2AfADI/UFubcKw2AAAAAElFTkSuQmCC)!important
  2660.   }
  2661.   body.colorblind .matCell.p82 {
  2662.     background-image: url(data:image/png;base64,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)!important
  2663.   }
  2664.   body .toolbar #specificScope > span.on {
  2665.     background-color: var(--accent-3)!important
  2666.   }
  2667.   .matRow {
  2668.     background: var(--tone-4)!important
  2669.   }
  2670.   #matHead {
  2671.     border-color: var(--in-content-box-border-color)!important
  2672.   }
  2673.   body[dir=ltr] {
  2674.     background-color: var(--tone-7)!important;
  2675.     color: var(--tone-4)!important
  2676.   }
  2677.   #dashboard-nav-widgets {
  2678.     background-color: var(--tone-8)!important;
  2679.     color: var(--tone-4)!important;
  2680.     border-bottom: 1px solid!important;
  2681.     border-color: var(--tone-5)!important
  2682.   }
  2683.   .tabButton {
  2684.     background-color: var(--tone-7)!important;
  2685.     color: var(--tone-4)!important;
  2686.     border-color: var(--tone-5)!important
  2687.   }
  2688.   .tabButton.selected {
  2689.     background-color: var(--tone-8)!important;
  2690.     border-color: var(--tone-5)!important
  2691.   }
  2692.   button.custom.important {
  2693.     background-color: #ffcc7f!important;
  2694.     color: #000!important;
  2695.     opacity: .8!important
  2696.   }
  2697.   .ruleActions button,
  2698.   button.custom,
  2699.   button.custom.important.disabled,
  2700.   button.custom.important[disabled] {
  2701.     -moz-appearance: none!important;
  2702.     background-color: var(--in-content-page-background)!important;
  2703.     border: 1px solid!important;
  2704.     border-radius: 3px!important;
  2705.     background-image: none!important;
  2706.     border-color: var(--in-content-box-border-color)!important;
  2707.     color: var(--in-content-text-color)!important;
  2708.     opacity: 1!important
  2709.   }
  2710.   #commitButton,
  2711.   #diff.editing #exportButton,
  2712.   #diff.editing #importButton,
  2713.   #editSaveButton,
  2714.   #revertButton {
  2715.     opacity: .25!important
  2716.   }
  2717.   button.custom:hover,
  2718.   button:hover {
  2719.     background-color: var(--in-content-box-background-hover)!important
  2720.   }
  2721.   button.custom.disabled,
  2722.   button.custom.important.disabled,
  2723.   button.custom.important[disabled],
  2724.   button.custom[disabled] {
  2725.     opacity: .5!important
  2726.   }
  2727.   #diff.dirty:not(.editing) #commitButton,
  2728.   #diff.dirty:not(.editing) #revertButton,
  2729.   #diff.editing #editSaveButton {
  2730.     opacity: 1!important
  2731.   }
  2732.   button.custom.important:hover {
  2733.     background-color: #ffcc7f!important;
  2734.     opacity: 1!important
  2735.   }
  2736.   a.fa.support,
  2737.   a.mustread {
  2738.     color: var(--in-content-page-color)!important
  2739.   }
  2740.   li.listEntry span.status {
  2741.     color: var(--tone-4)!important
  2742.   }
  2743.   li.listEntry.mustread > a.mustread:hover {
  2744.     color: var(--accent-2)!important
  2745.   }
  2746.   li.listEntry span.obsolete {
  2747.     color: var(--warning-color)!important
  2748.   }
  2749.   li.listEntry > a.remove,
  2750.   li.listEntry > a.remove:visited,
  2751.   li.listEntry span.failed,
  2752.   li.listEntry span.unsecure {
  2753.     color: #de7474!important
  2754.   }
  2755.   #backupUserDataButton,
  2756.   #clearBrowserCacheAfter,
  2757.   #deleteUnusedSessionCookiesAfter,
  2758.   #externalHostsFiles,
  2759.   #popupScopeLevel,
  2760.   #resetUserDataButton,
  2761.   #restoreUserDataButton {
  2762.     -moz-appearance: none!important;
  2763.     background: var(--tone-6)!important;
  2764.     color: var(--tone-4)!important;
  2765.     border: 1px solid!important;
  2766.     border-color: var(--tone-5)!important
  2767.   }
  2768.   a {
  2769.     color: var(--accent-1)!important
  2770.   }
  2771.   #diff li {
  2772.     background-color: var(--tone-7)!important
  2773.   }
  2774.   #diff li:nth-of-type(2n),
  2775.   .assets > div:first-of-type {
  2776.     background-color: var(--tone-8)!important
  2777.   }
  2778.   .assets {
  2779.     border: 1px solid!important;
  2780.     border-color: var(--tone-5)!important
  2781.   }
  2782.   #diff li:hover {
  2783.     background-color: var(--accent-1)!important;
  2784.     color: #fff!important
  2785.   }
  2786.   #diff ul {
  2787.     border-top: 1px solid!important
  2788.   }
  2789.   html body div.assets div {
  2790.     background-color: var(--in-content-box-background)!important
  2791.   }
  2792.   textarea {
  2793.     -moz-appearance: none!important;
  2794.     background: var(--tone-8)!important;
  2795.     color: var(--tone-4)!important;
  2796.     border: 1px solid!important;
  2797.     border-color: var(--tone-5)!important;
  2798.     padding: 5px!important
  2799.   }
  2800.   #diff textarea {
  2801.     border-top: 1px solid!important;
  2802.     border-color: var(--tone-5)!important;
  2803.     background: var(--tone-6)!important;
  2804.     color: var(--tone-4)!important
  2805.   }
  2806.   .whatisthis-expandable {
  2807.     background-color: var(--tone-8)!important;
  2808.     border: 1px dotted!important;
  2809.     border-color: var(--tone-5)!important
  2810.   }
  2811.   .paneHead {
  2812.     background-color: var(--tone-7)!important
  2813.   }
  2814.   .paneContent {
  2815.     background: var(--tone-4)!important
  2816.   }
  2817.   #gotoDashboard {
  2818.     background-color: var(--tone-8)!important;
  2819.     color: var(--tone-4)!important
  2820.   }
  2821.   body[dir=ltr] #gotoDashboard > span:last-of-type {
  2822.     color: var(--tone-4)!important
  2823.   }
  2824.   body .toolbar button {
  2825.     color: var(--primary--light-color)!important
  2826.   }
  2827.   body .toolbar .scopeRel {
  2828.     color: var(--accent-2)!important
  2829.   }
  2830.   #mtxSwitch_matrix-off.switchTrue {
  2831.     color: #a00!important
  2832.   }
  2833.   button > span.badge {
  2834.     color: #fff!important;
  2835.     background-color: var(--tone-5)!important
  2836.   }
  2837.   body .toolbar button {
  2838.     background-color: var(--tone-7)!important
  2839.   }
  2840.   body .toolbar button.disabled {
  2841.     color: var(--tone-4);
  2842.     color: var(--tone-6)!important
  2843.   }
  2844.   body .toolbar .scope {
  2845.     background-color: var(--tone-6)!important;
  2846.     border: 1px solid!important;
  2847.     border-color: var(--tone-5)!important
  2848.   }
  2849.   #parsed {
  2850.     background-color: var(--tone-8)!important;
  2851.     border: 1px solid!important;
  2852.     border-top: none!important;
  2853.     border-color: var(--tone-5)!important
  2854.   }
  2855.   .code {
  2856.     background-color: var(--tone-8)!important;
  2857.     border: 1px solid!important;
  2858.     border-bottom: none!important;
  2859.     border-color: var(--tone-5)!important
  2860.   }
  2861.   button#bye {
  2862.     -moz-appearance: none!important;
  2863.     background: var(--tone-6)!important;
  2864.     border: 1px solid!important;
  2865.     border-color: var(--tone-5)!important;
  2866.     color: var(--tone-4)!important
  2867.   }
  2868.   button#bye:hover {
  2869.     background: var(--tone-8)!important
  2870.   }
  2871.   .dropdown-menu > ul,
  2872.   .recipe:hover {
  2873.     border: 1px solid!important;
  2874.     border-color: var(--tone-5)!important;
  2875.     background-color: var(--tone-8)!important
  2876.   }
  2877.   .dropdown-menu > ul > li.dropdown-menu-entry {
  2878.     color: var(--tone-6)!important
  2879.   }
  2880.   #mtxSwitches > li.switchTrue {
  2881.     color: var(--tone-4)!important
  2882.   }
  2883.   .dropdown-menu > ul > li.dropdown-menu-entry:hover {
  2884.     background: var(--tone-7)!important
  2885.   }
  2886.   .recipe .name {
  2887.     color: var(--tone-4)!important
  2888.   }
  2889.   #toolbar,
  2890.   #toolbar .button {
  2891.     background-color: var(--tone-8)!important
  2892.   }
  2893.   #ruleFilter input,
  2894.   #toolbar input {
  2895.     -moz-appearance: none!important;
  2896.     background: var(--tone-6)!important;
  2897.     color: var(--tone-4)!important;
  2898.     border: 1px solid!important;
  2899.     border-color: var(--tone-5)!important;
  2900.     padding: 5px!important
  2901.   }
  2902.   #content table tr {
  2903.     background-color: var(--tone-6)!important
  2904.   }
  2905.   #content table tr:nth-of-type(2n+1) {
  2906.     background-color: var(--tone-7)!important
  2907.   }
  2908.   #content table tr.doc {
  2909.     background-color: var(--tone-8)!important
  2910.   }
  2911.   body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2):hover {
  2912.     background: var(--tone-8)!important
  2913.   }
  2914.   body #content td {
  2915.     border-color: var(--tone-5)!important
  2916.   }
  2917.   #content table tr.blocked {
  2918.     color: var(--red-80)!important
  2919.   }
  2920.   #content table tr.cat_info {
  2921.     color: var(--accent-1)!important
  2922.   }
  2923.   #toolbar {
  2924.     border-bottom: 1px solid!important;
  2925.     border-color: var(--tone-5)!important
  2926.   }
  2927. }
  2928. /*! Alters the webextension Vim Vixen
  2929.   IMPORTANT: change the Internal UUID */
  2930. @-moz-document url-prefix("moz-extension://vim-vixen@i-beam.org/") {
  2931.   .vimvixen-console-command-wrapper {
  2932.     border-top: 1px solid!important
  2933.   }
  2934.   .vimvixen-console-completion-title {
  2935.     background-color: var(--tone-9)!important;
  2936.     border-color: var(--tone-5)!important
  2937.   }
  2938.   .vimvixen-console-completion {
  2939.     background-color: var(--tone-8)!important;
  2940.     color: #b1b1b3!important;
  2941.     font-family: Menlo,monospace!important
  2942.   }
  2943.   .vimvixen-console-command,
  2944.   .vimvixen-console-command-input {
  2945.     background-color: var(--tone-9)!important;
  2946.     color: var(--grey-30)!important
  2947.   }
  2948.   .vimvixen-console-completion-item-url {
  2949.     color: #86de74!important
  2950.   }
  2951.   .vimvixen-console-completion-item.vimvixen-completion-selected {
  2952.     background-color: #44391f!important;
  2953.     color: #fce19f!important
  2954.   }
  2955.   .vimvixen-console-error {
  2956.     background-color: #4b3137!important;
  2957.     color: #ff9494!important
  2958.   }
  2959.   .vimvixen-settings-form,
  2960.   h1 {
  2961.     color: var(--tone-4)!important
  2962.   }
  2963.   .vimvixen-settings-form textarea[name=json] {
  2964.     background-color: var(--tone-6)!important;
  2965.     -moz-appearance: none!important;
  2966.     color: var(--tone-4)!important;
  2967.     border-color: var(--tone-6)
  2968.   }
  2969.   ::-moz-selection {
  2970.     color: var(--grey-30);
  2971.     background: var(--accent-2)
  2972.   }
  2973. }
  2974. /*! Alters the webextension Violentmonkey
  2975.   IMPORTANT: change the Internal UUID */
  2976. @-moz-document url-prefix("moz-extension://{aecec67f-0d10-4fa7-b7c7-609a2db280cf}/") {
  2977.   .edit-settings,
  2978.   .tab,
  2979.   section > h3 {
  2980.     background: var(--in-content-page-background)!important;
  2981.     border-color: var(--in-content-box-background)!important
  2982.   }
  2983.   .tab-installed > header {
  2984.     background: var(--in-content-category-header-background)!important;
  2985.     border-color: var(--in-content-box-background)!important
  2986.   }
  2987.   aside {
  2988.     background: var(--in-content-category-header-background)!important
  2989.   }
  2990.   .sidemenu > a.active,
  2991.   .sidemenu > a:hover,
  2992.   h1,
  2993.   h2 {
  2994.     color: var(--in-content-link-color)!important
  2995.   }
  2996.   body {
  2997.     background: var(--in-content-page-background)!important;
  2998.     color: var(--in-content-page-color)!important
  2999.   }
  3000.   .script {
  3001.     background: var(--in-content-box-background)!important;
  3002.     border-color: var(--in-content-box-border-color)!important
  3003.   }
  3004.   svg {
  3005.     fill: var(--in-content-page-color)!important
  3006.   }
  3007.   .menu-item:hover svg {
  3008.     fill: var(--in-content-selected-text)!important
  3009.   }
  3010.   .menu {
  3011.     border-color: var(--in-content-box-border-color)!important
  3012.   }
  3013.   input[type=text],
  3014.   textarea {
  3015.     -moz-appearance: none!important;
  3016.     background: var(--in-content-box-background)!important;
  3017.     color: var(--in-content-page-color)!important;
  3018.     border: 1px solid!important;
  3019.     padding: 2px!important;
  3020.     border-color: var(--in-content-box-border-color)!important
  3021.   }
  3022.   input[type=text] {
  3023.     border-radius: 3px!important
  3024.   }
  3025.   .export-list > .ellipsis.active {
  3026.     border-color: var(--in-content-primary-button-background)!important;
  3027.     background: var(--in-content-primary-button-background)!important
  3028.   }
  3029.   .export-list > .ellipsis.active:hover {
  3030.     border-color: var(--in-content-primary-button-background-hover)!important;
  3031.     background: var(--in-content-primary-button-background-hover)!important
  3032.   }
  3033.   button {
  3034.     -moz-appearance: none!important;
  3035.     background: var(--in-content-page-background)!important;
  3036.     border: 1px solid!important;
  3037.     border-color: var(--in-content-box-border-color)!important;
  3038.     color: var(--in-content-text-color)!important;
  3039.     margin-top: 5px!important;
  3040.     margin-right: 5px!important;
  3041.     border-radius: 3px!important
  3042.   }
  3043.   button:not([disabled]):hover {
  3044.     background-color: var(--in-content-box-background-hover)!important
  3045.   }
  3046.   button[disabled] {
  3047.     opacity: .5!important
  3048.   }
  3049.   .btn-ghost:hover {
  3050.     border-color: var(--in-content-box-background)!important;
  3051.     background: var(--in-content-page-background)!important
  3052.   }
  3053.   .edit-nav > div.active {
  3054.     background: var(--in-content-page-background)!important;
  3055.     color: var(--in-content-page-color)!important
  3056.   }
  3057.   .flex.edit-header > .buttons > button:nth-child(2):not([disabled=disabled]):after {
  3058.     content: '?'!important
  3059.   }
  3060.   .flex.edit-header > .buttons > button:nth-child(2)[disabled=disabled]:after {
  3061.     content: 'd'!important
  3062.   }
  3063.   .menu-item:hover,
  3064.   .submenu-button {
  3065.     background: var(--theme-selection-background-hover)!important;
  3066.     color: var(--in-content-selected-text)!important
  3067.   }
  3068.   .flex.edit-header,
  3069.   .message.modal-content {
  3070.     background: var(--in-content-category-header-background)!important
  3071.   }
  3072.   .menu.expand,
  3073.   .page-popup,
  3074.   .submenu,
  3075.   html {
  3076.     background: var(--in-content-box-background)!important
  3077.   }
  3078.   .vl-dropdown-menu {
  3079.     border: 1px solid!important;
  3080.     background: var(--in-content-page-background)!important
  3081.   }
  3082.   .dropdown-menu-item:hover {
  3083.     background: var(--grey-80)!important
  3084.   }
  3085.   .dropdown-menu-item {
  3086.     color: var(--in-content-page-color)!important
  3087.   }
  3088.   .frame-block {
  3089.     background: var(--in-content-box-background)!important
  3090.   }
  3091. }
  3092.  
  3093.  
  3094. /* ################################################################################################# */
  3095. /* BLACK NEW or BLANK TAB for SHADOWFOX */
  3096. /* ################################################################################################# */
  3097.  
  3098. @-moz-document url("about:blank"), url("about:newtab") {
  3099.     :root{
  3100.         --in-content-page-background: black !important;
  3101.     }
  3102. }
  3103.  
  3104. /* ################################################################################################# */
  3105. /* CSS LEAK PROTECTION */
  3106. /* ################################################################################################# */
  3107.  
  3108. body input:not([value=""])[type],
  3109. body input:not([value=""])[type]:focus ~ *,
  3110. /* For more strict version which WILL break some things just uncomment the next line */
  3111. body input:not([value=""])[type] ~ *,
  3112. body input:not([value=""])[type] * {
  3113.     background-image: none !important;
  3114.     font-family: inherit !important;
  3115.     list-style-image: none !important;
  3116.     cursor: unset !important;
  3117.     content: none !important;
  3118. }
  3119. body input:not([value=""])[type]::before,
  3120. body input:not([value=""])[type]:focus ~ *::before,
  3121. /* Uncomment for strict version */
  3122. body input:not([value=""])[type] ~ *::before,
  3123. body input:not([value=""])[type] *::before,
  3124. body input:not([value=""])[type]::after,
  3125. body input:not([value=""])[type]:focus ~ *::after,
  3126. /* Uncomment for strict version */
  3127. body input:not([value=""])[type] ~ *::after,
  3128. body input:not([value=""])[type] *::after {
  3129.     content:none !important;
  3130. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top