API tools faq
paste
Advertisement
difool2nice

userContent FF60 may 2018

difool2nice
May 19th, 2018
307
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 35.70 KB | None | 0 0
raw download clone embed print report
  1. /* home page -------------------------------------------------------------------------------------
  2.  
  3. @-moz-document url(about:home) {
  4.     body {
  5.         background-color: #1f1f1f !important;
  6.     }
  7.     #brandLogo {
  8.         transform: scale(1.15%) !important;
  9.         width: 0px !important;
  10.         padding-left: 256px !important;
  11.         padding-bottom: 65px !important;
  12.         background: url('Logo.png') !important;
  13.     }
  14. }
  15.  
  16. @-moz-document block {
  17.  
  18. #searchText {
  19.     font-weight: lighter;
  20.     width: 100%;
  21.     height: 30px;
  22.     padding: 3px 6px;
  23.     border: 1px solid rgb(0, 0, 0) !important;
  24.     box-shadow: none !important;
  25.     font-size: 1.2em;
  26.     color: rgb(166, 166, 166) !important;
  27.     background: rgb(68, 68, 68) !important;
  28.     border-top-left-radius: 0px !important;
  29.     border-bottom-left-radius: 0px !important;
  30. }
  31.  
  32. #searchSubmit {
  33.     background: linear-gradient(rgb(40, 40, 40), rgb(30, 30, 30)) !important;
  34.     padding: 4px 7px 6px 7px !important;
  35.     height: 32px !important;
  36.     border: 1px solid rgba(0, 0, 0, 1) !important;
  37.     box-shadow: none !important;
  38.     font-size: 0.8em !important;
  39.     color: rgb(166, 166, 166) !important;
  40.     text-shadow: 0px -1px 0px rgb(0, 0, 0);
  41.     cursor: pointer;
  42.     font-family: Fira Sans !important;
  43.     border-top-right-radius: 0px !important;
  44.     border-bottom-right-radius: 0px !important;
  45. }
  46.  
  47. #searchSubmit:hover {
  48.     background: linear-gradient(rgb(60, 60, 60), rgb(50, 50, 50)) !important;
  49.     color: dodgerblue !important;
  50.     text-shadow: 0 0 3px rgba(0, 173, 238, .5) !important;
  51.     transition: .1s ease-in;
  52. }
  53.  
  54. #searchSubmit:active,
  55. #searchSubmit:focus {
  56.     color: dodgerblue !important;
  57.     text-shadow: 0px 0px 3px rgba(0, 173, 238, .5) !important;
  58.     box-shadow: 0 0 6.5px rgba(0, 0, 0, .4) inset, 0 0 5px rgba(0, 0, 0, .4) inset !important;
  59.     transition: .1s ease-in;
  60. }
  61.  
  62. #searchIcon[focus] {
  63.     border: 1px solid transparent !important;
  64. }
  65.  
  66. body[dir=rtl] #searchSubmit:active {
  67.     box-shadow: -1px 1px 0px rgb(0, 0, 0) !important;
  68. }
  69.  
  70. #snippets {
  71.     font-family: Fira Sans !important;
  72.     color: rgb(166, 166, 166) !important;
  73. }
  74.  
  75. #snippet-4148 .show-video {
  76.     color: dodgerblue !important;
  77. }
  78.  
  79. #contentContainer {
  80.     background-image: none !important;
  81. }
  82.  
  83. #launcher {
  84.     border-top: 1px solid rgb(0, 0, 0) !important;
  85.     box-shadow: none !important;
  86.     background-color: rgba(0, 0, 0, .25) !important;
  87.     background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 10%) !important;
  88. }
  89.  
  90. .launchButton {
  91.     border-radius: 8px !important;
  92.     color: rgb(120, 120, 120) !important;
  93. }
  94.  
  95. .launchButton:hover {
  96.     background-color: rgba(0, 0, 0, .2) !important;
  97.     border-radius: 8px !important;
  98.     }
  99. }
  100.     /*
  101. box-shadow: 0px 0px 15px rgba(0, 173, 238, .5) !important;
  102. color: rgba(0, 173, 238, .75) !important;
  103. text-shadow: 0px 0px 5px rgba(0, 173, 238, .5) !important;
  104. transition: .2s ease-in;
  105. }
  106.  
  107. .launchButton:focus {
  108. background-color: rgba(0, 0, 0, .2) !important;
  109. border-radius: 8px !important;
  110. box-shadow: 0px 0px 15px rgba(255, 255, 255, .75) !important;
  111. transition: .2s ease-in;
  112. }
  113.  
  114. .launchButton:active {
  115. background-color: rgba(0, 0, 0, .35) !important;
  116. border-radius: 8px !important;
  117. box-shadow: 0px 3px 7px rgba(0, 0, 0, .75)inset !important;
  118. transition: .2s ease-in;
  119. }
  120.  
  121. .launchButton:active:hover {
  122. border: 1px solid transparent !important;
  123. transition: .2s ease-in;
  124. }*/
  125.  
  126. /*----------ublock origin --------------*/
  127.  
  128. @-moz-document url-prefix("moz-extension://9fbf9f28-1ca6-48d8-adf5-2e79aac69e39/") {
  129.     body {
  130.         font-family: Fira Sans !important;
  131.         background-color: #1f1f1f !important;
  132.         color: white !important;
  133.     }
  134.     a {
  135.         color: #888 !important;
  136.     }
  137.     h2 {
  138.         background-color: #444 !important;
  139.         color: white !important;
  140.     }
  141.     code {
  142.         background-color: #555 !important;
  143.     }
  144.     #switch .fa {
  145.         color: dodgerblue !important;
  146.     }
  147.     body.off #switch .fa {
  148.         color: #555 !important;
  149.     }
  150.     .tool {
  151.         color: white !important;
  152.     }
  153.     .tool.enabled:hover {
  154.         color: dodgerblue !important;
  155.     }
  156.     .permatoolbar {
  157.         background-color: #333 !important;
  158.     }
  159.     .permatoolbar .button {
  160.         background-color: #444 !important;
  161.     }
  162.     .permatoolbar .button:hover {
  163.         background-color: #888 !important;
  164.     }
  165.     #tooltip {
  166.         background-color: #ccc !important;
  167.         border: 1px solid black !important;
  168.         color: black !important;
  169.     }
  170.     #firewallContainer>div {
  171.         background-color: #333 !important;
  172.     }
  173.     #firewallContainer>div:hover {
  174.         background-color: #444 !important;
  175.     }
  176.     #firewallContainer>div>span {
  177.         color: #eee !important;
  178.         border-bottom: 1px solid #111 !important;
  179.     }
  180.     #firewallContainer>div>span:first-of-type~span {
  181.         border-left: 1px solid #111 !important;
  182.     }
  183.     #extraTools {
  184.         background-color: #1f1f1f !important;
  185.     }
  186.     #extraTools>span:hover {
  187.         color: dodgerblue !important;
  188.     }
  189.     #dashboard-nav-widgets {
  190.         background-color: #111 !important;
  191.         border-bottom: 1px solid #777 !important;
  192.     }
  193.     .tabButton {
  194.         background-color: #444 !important;
  195.         border: 1px solid #666 !important;
  196.         border-bottom: 1px solid #777 !important;
  197.         color: white !important;
  198.     }
  199.     .tabButton.selected {
  200.         background-color: #222 !important;
  201.         border-bottom: 1px solid #222 !important;
  202.     }
  203.     #diff li {
  204.         background-color: #555 !important;
  205.     }
  206.     #diff li:nth-child(even) {
  207.         background-color: #444 !important;
  208.     }
  209.     #diff textarea {
  210.         background-color: #333 !important;
  211.         color: #ccc !important;
  212.     }
  213. }
  214.  
  215. /*----------------------------------------------*/
  216.  
  217. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  218. /* Menu Popups */
  219.  
  220. .PanelUI-subView,
  221. .panel-subview-body {
  222.     font-family: Fira Sans !important;
  223.     background-color: #333 !important;
  224.     color: #ddd !important;
  225. }
  226.  
  227. .PanelUI-subView :hover,
  228. .panel-subview-body :hover {
  229.     color: #ddd !important;
  230. }
  231.  
  232. #overflowMenu-customize-button {
  233.     border: 1px solid #666 !important;
  234.     background-color: #555 !important;
  235.     color: #ddd !important;
  236. }
  237.  
  238. .panel-arrowcontent {
  239.     border: 1px solid #666 !important;
  240. }
  241.  
  242. .panel-arrow {
  243.     fill: #333 !important;
  244.     stroke: #777 !important;
  245. }
  246.  
  247. toolbarbutton :hover {
  248.     color: dodgerblue !important;
  249. }
  250.  
  251. toolbarseparator {
  252.     border-top: 1px solid #555 !important;
  253. }
  254.  
  255. .panel-subview-footer {
  256.     border-top: 1px solid #888 !important;
  257. }
  258.  
  259. .panel-header {
  260.     border-bottom: 1px solid #666 !important;
  261. }
  262.  
  263. #appMenu-zoom-controls #appMenu-zoomReset-button {
  264.     border: 1px solid #555 !important;
  265.     background: #444 !important;
  266. }
  267.  
  268. #appMenu-popup .subviewbutton .toolbarbutton-text,
  269. /* Ctrl+N Ctrl+Shift+P ect. */
  270.  
  271. #appMenu-popup .panel-arrowcontent,
  272. /* Zoom - Edit Labels */
  273.  
  274. panelmultiview .toolbaritem-combined-buttons>label {
  275.     font-family: Fira Sans !important;
  276. }
  277.  
  278. .panel-arrow {
  279.     filter: invert(33%);
  280. }
  281.  
  282. .panel-subview-body,
  283. #appMenu-zoomReset-button {
  284.     color: var(--lwt-text-color) !important;
  285.     background: var(--url-and-searchbar-background-color) !important;
  286. }
  287.  
  288. .panel-subview-footer,
  289. [class^="PanelUI-"] {
  290.     color: var(--lwt-text-color) !important;
  291.     background: var(--toolbar-bgcolor) !important;
  292. }
  293.  
  294. #PopupAutoCompleteRichResult .ac-title-text {
  295.     color: var(--lwt-text-color) !important;
  296.     filter: opacity(.7);
  297. }
  298.  
  299. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  300.     background: var(--url-and-searchbar-background-color) !important;
  301. }
  302.  
  303. .subviewbutton[shortcut]::after {
  304.     color: dodgerblue !important;
  305. }
  306.  
  307. .subviewbutton-nav::after {
  308.     fill: dodgerblue !important;
  309. }
  310.  
  311. /*download sidebar
  312.  
  313. @-moz-document url("moz-extension://[9d587666-e9c0-47e2-af30-a9d654a4db64]/sidebar/panel.html")
  314. {
  315. html, body
  316. {
  317. background-color: #1f1f1f !important;
  318. color: #EEE !important;
  319. }
  320.  
  321. .toolbar-item .btn,
  322. .change-state-button,
  323. .cancel-button,
  324. .erase-button
  325. {
  326. filter: invert(90%) !important;
  327. }
  328.  
  329. .progress
  330. {
  331. border: 1px solid #777 !important;
  332. background-color: #CCC !important;
  333. }
  334.  
  335. .toolbar-bottom
  336. {
  337. border-top: 1px solid #777 !important;
  338. }
  339.  
  340. .selected
  341. {
  342. background-image: linear-gradient(to top, #444, #444) !important;
  343. box-shadow: 0 0 1px 1px #777 !important;
  344. }
  345. }*/
  346.  
  347. /*-------------dowbload sidebar webext tweaks dark ------------------*/
  348.  
  349. @-moz-document url("moz-extension://e24d5c10-98d8-4d5c-9c82-3ca3b36df755/sidebar/panel.html") {
  350.     html,
  351.     body {
  352.         font-family: Fira Sans !important;
  353.         background-color: #1f1f1f !important;
  354.         color: white !important;
  355.     }
  356.     .toolbar-item .btn,
  357.     .change-state-button,
  358.     .cancel-button,
  359.     .erase-button {
  360.         filter: invert(100%) !important;
  361.     }
  362.     .progress {
  363.         border: 0px solid #777 !important;
  364.         background-color: #CCC !important;
  365.     }
  366.     .toolbar-bottom {
  367.         border-top: 1px solid #777 !important;
  368.     }
  369.     .selected {
  370.         background-image: #2f2f2f !important;
  371.         /*linear-gradient(to top, #444, #555) !important;*/
  372.         box-shadow: 0 0 1px 1px #777 !important;
  373.     }
  374. }
  375.  
  376. :root {
  377.     --magenta-50: #ff1ad9;
  378.     --magenta-60: #ed00b5;
  379.     --magenta-70: #b5007f;
  380.     --magenta-80: #7d004f;
  381.     --magenta-90: #440027;
  382.     --purple-50: #9400ff;
  383.     --purple-60: #8000d7;
  384.     --purple-70: #6200a4;
  385.     --purple-80: #440071;
  386.     --purple-90: #25003e;
  387.     --blue-40: #45a1ff;
  388.     --blue-50: #0a84ff;
  389.     --blue-60: #0060df;
  390.     --blue-70: #003eaa;
  391.     --blue-80: #002275;
  392.     --blue-90: #000f40;
  393.     --teal-50: #00feff;
  394.     --teal-60: #00c8d7;
  395.     --teal-70: #008ea4;
  396.     --teal-80: #005a71;
  397.     --teal-90: #002d3e;
  398.     --green-50: #30e60b;
  399.     --green-60: #12bc00;
  400.     --green-70: #058b00;
  401.     --green-80: #006504;
  402.     --green-90: #003706;
  403.     --yellow-50: #ffe900;
  404.     --yellow-60: #d7b600;
  405.     --yellow-70: #a47f00;
  406.     --yellow-80: #715100;
  407.     --yellow-90: #3e2800;
  408.     --red-50: #ff0039;
  409.     --red-60: #d70022;
  410.     --red-70: #a4000f;
  411.     --red-80: #5a0002;
  412.     --red-90: #3e0200;
  413.     --orange-50: #ff9400;
  414.     --orange-60: #d76e00;
  415.     --orange-70: #a44900;
  416.     --orange-80: #712b00;
  417.     --orange-90: #3e1300;
  418.     --grey-10: #f9f9fa;
  419.     --grey-20: #ededf0;
  420.     --grey-30: #d7d7db;
  421.     --grey-40: #b1b1b3;
  422.     --grey-50: #737373;
  423.     --grey-60: #4a4a4f;
  424.     --grey-70: #38383d;
  425.     --grey-80: #2a2a2e;
  426.     --grey-90: #0c0c0d;
  427.     --code-green: #86de74 !important;
  428.     --warning-color: #FCE19F;
  429.     --warning-background-color: #44391F;
  430.     --theme-highlight-green: #86DE74;
  431.     --theme-highlight-blue: #75BFFF;
  432.     --theme-highlight-purple: #B98EFF;
  433.     --theme-highlight-red: #FF7DE9;
  434.     --theme-highlight-yellow: #FFF89E;
  435.     --theme-highlight-bluegrey: #5e88b0;
  436.     --theme-highlight-lightorange: #d99b28;
  437.     --theme-highlight-orange: #d96629;
  438.     --theme-highlight-pink: #df80ff;
  439.     --tone-1: var(--grey-10);
  440.     --tone-2: var(--grey-20);
  441.     --tone-3: var(--grey-30);
  442.     --tone-4: var(--grey-40);
  443.     --tone-5: var(--grey-50);
  444.     --tone-6: var(--grey-60);
  445.     --tone-7: var(--grey-70);
  446.     --tone-8: var(--grey-80);
  447.     --tone-9: var(--grey-90);
  448.     --accent-1: var(--blue-40);
  449.     --accent-2: var(--blue-50);
  450.     --accent-3: var(--blue-60);
  451.     --in-content-page-color: var(--tone-1) !important;
  452.     --in-content-page-background: var(--tone-7) !important;
  453.     --in-content-text-color: var(--tone-1) !important;
  454.     --in-content-selected-text: var(--tone-1) !important;
  455.     --in-content-box-background: var(--tone-6) !important;
  456.     --in-content-box-background-odd: #f3f6fa !important;
  457.     --in-content-box-background-hover: var(--tone-6) !important;
  458.     --in-content-box-background-active: var(--tone-6) !important;
  459.     --in-content-box-border-color: var(--tone-5) !important;
  460.     --in-content-item-hover: dodgerblue !important;
  461.     --in-content-item-selected: var(--tone-8) !important;
  462.     --in-content-border-highlight: var(--accent-1) !important;
  463.     --in-content-border-focus: var(--accent-1) !important;
  464.     --in-content-border-color: var(--tone-6) !important;
  465.     --in-content-category-outline-focus: 1px dotted #0a84ff !important;
  466.     --in-content-category-text: var(--tone-1) !important;
  467.     --in-content-category-text-active: black !important;
  468.     --in-content-category-text-selected: var(--accent-1) !important;
  469.     --in-content-category-text-selected-active: dodgerblue !important;
  470.     --in-content-category-background-hover: rgba(12, 12, 13, 0.1) !important;
  471.     --in-content-category-background-active: rgba(12, 12, 13, 0.15) !important;
  472.     --in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15) !important;
  473.     --in-content-category-background-selected-active: rgba(12, 12, 13, 0.2) !important;
  474.     --in-content-tab-color: #c1cbd4 !important;
  475.     --in-content-link-color: var(--accent-1) !important;
  476.     --in-content-link-color-hover: var(--accent-2) !important;
  477.     --in-content-link-color-active: #003eaa;
  478.     --in-content-link-color-visited: #0a8dff;
  479.     --in-content-primary-button-background: var(--accent-2) !important;
  480.     --in-content-primary-button-background-hover: var(--accent-3) !important;
  481.     --in-content-primary-button-background-active: var(--accent-3) !important;
  482.     --in-content-table-border-dark-color: var(--tone-7) !important;
  483.     --in-content-table-header-background: var(--accent-2) !important;
  484.     --theme-selection-background: var(--accent-2) !important;
  485.     --theme-selection-background-hover: var(--accent-1) !important;
  486.     --in-content-category-header-background: var(--tone-8) !important;
  487.     --selected-icon-fill-color: var(--tone-1) !important;
  488.     --in-content-dark-header-background: var(--tone-8) !important;
  489.     --secure-connection-color: var(--accent-1) !important;
  490.     --theme-sidebar-background: #1f1f1f !important;
  491.     --cm-background: var(--tone-8) !important;
  492.     --cm-selection: #353b48 !important;
  493.     --cm-marker: #222 !important;
  494.     --cm-linenumber: white !important;
  495.     --cm-cursor: #fff !important;
  496.     --cm-active-line-background: #b9d7fd !important;
  497.     --cm-matching-bracket: #ffffff !important;
  498.     --cm-search-background: rgba(24, 29, 32, 1) !important;
  499.     --cm-red: red !important;
  500.     --start-indicator-for-updater-scripts: black !important;
  501.     --end-indicator-for-updater-scripts: black !important;
  502.     --dummy-variable-for-updater-scripts: black !important;
  503. }
  504.  
  505. @-moz-document url-prefix("https://addons.mozilla.org") {
  506.     .Footer,
  507.     .Footer-wrapper,
  508.     .Header,
  509.     .LanguageTools-header-row,
  510.     .amo {
  511.         background: var(--in-content-category-header-background) !important;
  512.     }
  513.     .App-content,
  514.     .Home,
  515.     .LandingPage,
  516.     .LanguageTools-table-row:nth-child(2n),
  517.     .Paginate-page-number {
  518.         background: var(--in-content-page-background) !important;
  519.     }
  520.     .Select {
  521.         background-color: var(--in-content-page-background) !important;
  522.     }
  523.     .SearchForm-icon-magnifying-glass {
  524.         filter: invert(65%) !important;
  525.     }
  526.     .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  527.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  528.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  529.     .AddonsCard--horizontal .Card-contents,
  530.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  531.     .AutoSearchInput-suggestions-item,
  532.     .Card--photon .Card-contents,
  533.     .Card-contents,
  534.     .Card-contents li,
  535.     .Card-footer-link,
  536.     .Card-footer-text,
  537.     .Card-header,
  538.     .Categories .Card-contents,
  539.     .Hero .Card-contents,
  540.     .Home-SubjectShelf .Card-contents,
  541.     .LandingPage-header,
  542.     .MetadataCard,
  543.     .Search .SearchResults .SearchResult,
  544.     .Search .SearchResults-message,
  545.     .SearchForm-query,
  546.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  547.     .SectionLinks-dropdown .DropdownMenu-items,
  548.     input.AutoSearchInput-query {
  549.         background: var(--in-content-box-background) !important;
  550.     }
  551.     .Addon-author,
  552.     .Addon-author a,
  553.     .Addon-author a:link .Button--action,
  554.     .Addon-title,
  555.     .AddonBadges .Badge,
  556.     .Button--action,
  557.     .Button--action.Button--small:link,
  558.     .Button--action:link,
  559.     .Card--photon .Card-contents,
  560.     .Card-contents,
  561.     .Card-footer-text,
  562.     .Definition-dt,
  563.     .DropdownMenuItem,
  564.     .DropdownMenuItem-link a,
  565.     .DropdownMenuItem-link a:link,
  566.     .DropdownMenuItem-section,
  567.     .ExpandableCard-ToggleLink:link,
  568.     .Footer a:active,
  569.     .Footer a:hover,
  570.     .Footer-links-header a:link,
  571.     .Home-SubjectShelf-link:link,
  572.     .Home-SubjectShelf-link:visited,
  573.     .Home-SubjectShelf-subheading,
  574.     .LandingPage-addonType-name,
  575.     .LandingPage-heading-content,
  576.     .MetadataCard-list dt,
  577.     .Paginate .Paginate-item,
  578.     .Paginate-page-number,
  579.     .PermissionsCard-subhead,
  580.     .ReportAbuseButton-show-more,
  581.     .SearchContextCard-header,
  582.     .SearchFilters-label,
  583.     .SearchForm-query,
  584.     .SearchResult--meta-section,
  585.     .SearchResult-name,
  586.     .SearchResult-summary,
  587.     .SearchSuggestion-name,
  588.     .Select,
  589.     input.AutoSearchInput-query {
  590.         color: var(--in-content-page-color) !important;
  591.     }
  592.     .Card-header {
  593.         color: var(--in-content-text-color) !important;
  594.     }
  595.     .Card-contents li .Rating-star-group,
  596.     .Paginate-next::after,
  597.     .Paginate-previous::before {
  598.         filter: invert(70%) !important;
  599.     }
  600.     .ShowMoreCard-contents::after {
  601.         background: linear-gradient(rgba(255, 255, 255, 0), var(--in-content-box-background)) !important;
  602.     }
  603.     .Addon-details .AddonDescription-contents a:link,
  604.     .AddonMoreInfo-contents a:link,
  605.     .Card-footer-link a,
  606.     .Card-footer-link a:hover,
  607.     .Card-footer-link a:link,
  608.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  609.     .DropdownMenuItem-link a:hover,
  610.     .Home-SubjectShelf-link:active,
  611.     .Home-SubjectShelf-link:focus,
  612.     .Home-SubjectShelf-link:hover,
  613.     .LanguageTools-table a:link,
  614.     .SearchResult-link:focus .SearchResult-name,
  615.     .SearchResult-link:hover .SearchResult-name {
  616.         color: var(--in-content-link-color) !important;
  617.     }
  618.     .Button--action.Button--outline-only {
  619.         border-color: var(--in-content-border-highlight) !important;
  620.     }
  621.     input.AutoSearchInput-query {
  622.         border-color: var(--in-content-box-border-color) !important;
  623.     }
  624.     .Addon .InstallButton-button,
  625.     .Button--action,
  626.     .Button--action.Button--small,
  627.     .Paginate .Paginate-item,
  628.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  629.         background: var(--in-content-primary-button-background) !important;
  630.     }
  631.     .Button--action.Button--outline-only:hover,
  632.     .Button--action:hover,
  633.     .SearchForm-query:hover {
  634.         border-color: var(--in-content-primary-button-background) !important;
  635.     }
  636.     .SearchForm-query:focus {
  637.         box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  638.         border-color: var(--in-content-primary-button-background) !important;
  639.     }
  640.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  641.         background: var(--in-content-page-background) !important;
  642.         border-radius: 0 !important;
  643.     }
  644.     .Button--report {
  645.         text-shadow: none !important;
  646.     }
  647.     .Icon-arrow,
  648.     .Icon-external {
  649.         filter: invert(20%) !important;
  650.     }
  651.     .Icon-magnifying-glass {
  652.         filter: invert(65%)
  653.     }
  654.     .Icon-featured {
  655.         filter: invert(85%) !important;
  656.     }
  657. }
  658.  
  659. @-moz-document regexp("^about:(?!reader).*"),
  660. url(https://www.mozilla.org/credits/),
  661. url-prefix(https: //discovery.addons.mozilla.org) {
  662. :root {
  663.     font-family: Fira Sans !important;
  664.     --aboutProfiles-table-background: var(--in-content-box-background) !important;
  665. }
  666.  
  667. menupopup,
  668. menupopup>menu>menupopup,
  669. popup,
  670. popup>menu>menupopup {
  671.     font-family: Fira Sans !important;
  672.     -moz-appearance: none !important;
  673.     background: var(--in-content-box-background) !important;
  674.     border: none !important;
  675.     padding: 0 !important;
  676. }
  677.  
  678. menuitem,
  679. menupopup menu {
  680.     font-family: Fira Sans !important;
  681.     -moz-appearance: none !important;
  682.     color: var(--in-content-selected-text) !important;
  683. }
  684.  
  685. menuitem:hover,
  686. menupopup menu:hover {
  687.     font-family: Fira Sans !important;
  688.     color: var(--in-content-text-color) !important;
  689.     background-color: var(--in-content-primary-button-background-hover) !important;
  690. }
  691.  
  692. menupopup menuseparator {
  693.     padding: 0 !important;
  694.     margin: 2px 6px !important;
  695.     -moz-appearance: none !important;
  696.     background: rgba(0, 0, 0, 0) !important;
  697.     border: 0 !important;
  698. }
  699.  
  700. @media screen and (-moz-windows-theme) {
  701.     menuitem,
  702.     menupopup menu {
  703.         margin: 1px 6px !important;
  704.     }
  705.     menupopup,
  706.     menupopup>menu>menupopup,
  707.     popup,
  708.     popup>menu>menupopup {
  709.         font-family: Fira Sans !important;
  710.         border: 1px solid !important;
  711.         border-color: var(--in-content-box-background) !important;
  712.     }
  713. }
  714.  
  715. .prefs-pane [type=checkbox]:checked+label::after,
  716. .prefs-pane [type=checkbox]:not(:checked)+label::after,
  717. input[type=checkbox]:checked {
  718.     background-image: url(chrome://global/skin/in-content/check.svg) !important;
  719. }
  720.  
  721. .contentSearchSuggestionsList {
  722.     background-color: var(--in-content-box-background) !important;
  723.     border: none !important;
  724. }
  725.  
  726. .contentSearchHeader,
  727. .contentSearchOneOffsTable {
  728.     background-color: var(--in-content-category-header-background) !important;
  729.     border: none !important;
  730.     color: var(--in-content-text-color) !important;
  731. }
  732.  
  733. #newtab-customize-overlay,
  734. .exceptionDialogButtonContainer,
  735. .snippet .button-link,
  736. html:not(#ublock0-epicker),
  737. html:not(#ublock0-epicker) body {
  738.     background: var(--in-content-page-background) !important;
  739.     color: var(--in-content-page-color) !important;
  740. }
  741.  
  742. #SanitizeDialogPane>groupbox,
  743. #mainDiv.non-verbose div.section h2,
  744. #onboarding-overlay,
  745. .dialogBox>.groupbox-body,
  746. .modal,
  747. .modal-overlay,
  748. .warningBackground {
  749.     background: var(--in-content-page-background) !important;
  750. }
  751.  
  752. #homeContentsGroup checkbox[src] .checkbox-icon,
  753. .content-container .icon-container .icon[src=""],
  754. .snippet .block-snippet-button {
  755.     filter: invert(65%) !important;
  756. }
  757.  
  758. .collapsible-section .section-top-bar .info-option-manage button,
  759. .topic .topic-read-more,
  760. a:link {
  761.     color: var(--in-content-link-color) !important;
  762. }
  763.  
  764. .topic .topic-read-more:hover,
  765. a:link:hover {
  766.     color: var(--in-content-link-color-hover) !important;
  767. }
  768.  
  769. #action-box,
  770. #badCertAdvancedPanel,
  771. #content div.log span.section-heading button.no-print:hover,
  772. #content div.stats span.section-heading button.no-print:hover,
  773. #contents table tbody tr td,
  774. #contents table tr.no-copy td,
  775. #controls.no-print div.controls div.control button:hover,
  776. #errorPageContainer button#errorTryAgain:hover,
  777. #header-utils-btn[open=true],
  778. #provider table#provider-table tbody#provider-table-body tr td,
  779. #subprocess-reports tr td,
  780. .aboutPageWideContainer div#debug table#debug-table tbody tr td,
  781. .aboutPageWideContainer label input#submit:hover,
  782. .alert,
  783. .opsRow button:hover,
  784. .top-sites-list .top-site-outer .top-site-icon {
  785.     background-color: var(--in-content-box-background) !important;
  786. }
  787.  
  788. #snippetContainer #snippets,
  789. .addon .editorial-description,
  790. .addon .heading,
  791. .disco-content,
  792. .top-sites-list .top-site-outer .title span,
  793. header h1 {
  794.     color: var(--in-content-page-color) !important;
  795. }
  796.  
  797. #onboarding-overlay.onboarding-opened>#onboarding-overlay-dialog,
  798. #searchWrapper input#searchText,
  799. .addon .content,
  800. .addon .logo,
  801. .card-outer .card-context,
  802. .card-outer .card-details,
  803. .search-wrapper input,
  804. .topsite-form .form-wrapper input[type=text],
  805. card-outer.active span.context-menu ul.context-menu-list {
  806.     background: var(--in-content-box-background) !important;
  807. }
  808.  
  809. #snippets-container,
  810. .sorter[checkState="1"],
  811. .sorter[checkState="2"] {
  812.     background-color: var(--in-content-category-header-background) !important;
  813. }
  814.  
  815. .contentSearchSettingsButton {
  816.     display: none !important;
  817. }
  818.  
  819. #onboarding-overlay.onboarding-opened>#onboarding-overlay-dialog,
  820. #scene1 h1,
  821. .addon,
  822. .card-outer .card-context,
  823. .card-outer .card-host-name,
  824. .detail-view-container,
  825. .section-title span,
  826. .snippet section,
  827. .top-sites-list .top-site-outer .top-site-icon,
  828. .topsite-form .form-wrapper input[type=text] {
  829.     color: var(--in-content-page-color) !important;
  830. }
  831.  
  832. #searchWrapper #searchIcon,
  833. #searchWrapper #searchSubmit,
  834. .card-outer .card-context-icon,
  835. .category:not([selected])>.category-icon,
  836. .collapsible-section .section-top-bar .info-option-icon,
  837. .context-menu ul.context-menu-list li.context-menu-item a span.icon,
  838. .prefs-pane-button button,
  839. .search-wrapper .search-button,
  840. .search-wrapper .search-label,
  841. .section-title span {
  842.     fill: var(--in-content-page-color) !important;
  843. }
  844.  
  845. .sorter {
  846.     color: var(--accent-1) !important;
  847. }
  848.  
  849. .download-progress {
  850.     background-color: var(--in-content-box-color) !important;
  851. }
  852.  
  853. .list>scrollbox>.scrollbox-innerbox {
  854.     border: none !important;
  855. }
  856.  
  857. #header-utils-btn:hover,
  858. .header-button:hover {
  859.     background-color: var(--in-content-box-background-hover) !important;
  860. }
  861.  
  862. #header-utils-btn {
  863.     fill: var(--in-content-category-text) !important;
  864. }
  865.  
  866. .collapsible-section .section-top-bar .info-option-manage button:after,
  867. .topic .topic-read-more::after {
  868.     fill: var(--in-content-link-color) !important;
  869. }
  870.  
  871. /*
  872. .addon-view[notification=warning] {
  873. --view-highlight-color: transparent !important;
  874. }
  875.  
  876. .addon-view[notification], .addon-view[pending] {
  877. --view-highlight-color: transparent;
  878. background-image: none !important;
  879. }*/
  880.  
  881. .addon[active=false] {
  882.     opacity: .6 !important;
  883. }
  884.  
  885. .detail-row,
  886. .detail-row-complex,
  887. setting {
  888.     text-shadow: none !important;
  889.     color: white !important;
  890. }
  891.  
  892. #warningTitle {
  893.     color: var(--in-content-page-color) !important;
  894. }
  895.  
  896. #configTree {
  897.     border: none !important;
  898. }
  899.  
  900. .addon-target-container {
  901.     background: var(--in-content-box-background) !important;
  902.     box-shadow: none !important;
  903. }
  904.  
  905. .service-worker-multi-process {
  906.     background-color: #44391f !important;
  907. }
  908.  
  909. #onboarding-notification-bar {
  910.     background: var(--in-content-category-header-background) !important;
  911.     border-top: 2px solid !important;
  912. }
  913.  
  914. .prefs-pane .actions,
  915. .prefs-pane .sidebar {
  916.     background: var(--in-content-category-header-background) !important;
  917.     border-color: var(--in-content-box-border-color) !important;
  918. }
  919.  
  920. .collapsible-section .section-top-bar .info-option,
  921. .prefs-pane .prefs-modal-inner-wrapper .options,
  922. .sections-list .section-empty-state {
  923.     background: var(--in-content-box-background) !important;
  924.     border-color: var(--in-content-box-border-color) !important;
  925. }
  926.  
  927. .actions button:hover:not(.dismiss),
  928. .card-outer:-moz-any(:hover,
  929. :focus,
  930. .active):not(.placeholder),
  931. .collapsible-section .section-disclaimer button:hover:not(.dismiss),
  932. .top-sites-list .top-site-outer.active .tile,
  933. .top-sites-list .top-site-outer:focus .tile,
  934. .top-sites-list .top-site-outer:hover .tile {
  935.     box-shadow: 0 0 0 5px var(--in-content-box-background) !important;
  936. }
  937.  
  938. .card-outer .context-menu-button,
  939. .top-sites-list .top-site-outer .context-menu-button {
  940.     background-color: var(--in-content-page-color) !important;
  941.     background-image: url(chrome://browser/skin/page-action.svg) !important;
  942.     border: 1px solid !important;
  943.     filter: invert(95%) !important;
  944.     box-shadow: none !important;
  945.     border-color: var(--in-content-page-color) !important;
  946. }
  947.  
  948. #onboarding-notification-body *,
  949. #onboarding-notification-tour-title,
  950. .collapsible-section .section-disclaimer,
  951. .manual-migration-container,
  952. .onboarding-close-btn,
  953. .prefs-pane .prefs-modal-inner-wrapper {
  954.     color: var(--in-content-page-color) !important;
  955. }
  956.  
  957. .collapsible-section .section-disclaimer button,
  958. .onboarding-action-button {
  959.     background-color: var(--in-content-page-background) !important;
  960.     border-color: var(--in-content-box-border-color) !important;
  961.     color: var(--in-content-page-color) !important;
  962. }
  963.  
  964. .actions button,
  965. .actions button.dismiss,
  966. .onboarding-action-button:hover,
  967. .prefs-pane-button button:hover {
  968.     background-color: var(--in-content-box-background-hover) !important;
  969. }
  970.  
  971. .actions button.done,
  972. .onboarding-tour-action-button {
  973.     background-color: var(--in-content-primary-button-background) !important;
  974. }
  975.  
  976. .onboarding-tour-action-button:hover {
  977.     background-color: var(--in-content-primary-button-background-hover) !important;
  978. }
  979.  
  980. .icon.icon-dismiss {
  981.     fill: var(--in-content-page-color) !important;
  982. }
  983.  
  984. .context-menu ul.context-menu-list li.context-menu-item a:hover span.icon {
  985.     fill: var(--in-content-text-color) !important;
  986. }
  987.  
  988. .dialogBox>.groupbox-title {
  989.     background-color: var(--in-content-category-header-background) !important;
  990.     color: var(--in-content-page-color) !important;
  991.     border-color: var(--in-content-box-border-color) !important;
  992. }
  993.  
  994. .warningMessage {
  995.     background: var(--in-content-box-background) !important;
  996.     border-color: var(--in-content-box-border-color) !important;
  997.     color: var(--in-content-page-color) !important;
  998. }
  999.  
  1000. #badCertAdvancedPanel.advanced-panel,
  1001. #content>div,
  1002. .info-box-content,
  1003. .notice,
  1004. div.opsRow,
  1005. div.section {
  1006.     background-color: var(--in-content-box-background) !important;
  1007.     border-color: var(--in-content-box-border-color) !important;
  1008. }
  1009.  
  1010. .bar-inner {
  1011.     background-color: var(--accent-1) !important;
  1012.     border: 1px solid !important;
  1013.     border-color: var(--accent-2) !important;
  1014. }
  1015.  
  1016. #content div.log span.section-heading button.no-print,
  1017. #content div.stats span.section-heading button.no-print,
  1018. #controls.no-print div.controls div.control button,
  1019. #controls.no-print div.controls div.control button input#appid,
  1020. #errorPageContainer button#errorTryAgain,
  1021. .aboutPageWideContainer label input#submit,
  1022. .opsRow button {
  1023.     -moz-appearance: none !important;
  1024.     background-color: var(--in-content-page-background) !important;
  1025.     border: 1px solid !important;
  1026.     border-radius: 3px !important;
  1027.     color: var(--in-content-page-color) !important;
  1028.     border-color: var(--in-content-box-border-color) !important;
  1029. }
  1030.  
  1031. .opsRow button {
  1032.     margin-right: 2px !important;
  1033. }
  1034.  
  1035. input#appid {
  1036.     background-color: var(--in-content-box-background) !important;
  1037. }
  1038.  
  1039. #profiles.tab div table tbody tr td {
  1040.     border-color: var(--in-content-table-border-dark-color) !important;
  1041. }
  1042.  
  1043. .actions,
  1044. .context-menu-list li.separator,
  1045. .edit-topsites-wrapper .edit-topsites-button,
  1046. .modal,
  1047. .prefs-pane hr,
  1048. .topsite-form .form-wrapper input[type=text] {
  1049.     border-color: var(--in-content-box-border-color) !important;
  1050. }
  1051.  
  1052. #outside table.contenttable thead tr th {
  1053.     background-color: var(--in-content-table-header-background) !important;
  1054. }
  1055.  
  1056. #outside table.contenttable {
  1057.     border-color: var(--in-content-table-border-dark-color) !important;
  1058.     background-color: var(--in-content-box-background) !important;
  1059. }
  1060.  
  1061. #outside table.contenttable tbody tr td,
  1062. #outside table.contenttable tbody tr td+#outside table.contenttable tbody tr td,
  1063. #outside table.contenttable thead tr th+th {
  1064.     border-color: var(--in-content-table-border-dark-color) !important;
  1065. }
  1066.  
  1067. #outside table.contenttable tbody tr td {
  1068.     color: var(--in-content-page-color) !important;
  1069. }
  1070.  
  1071. .card-outer .card-context {
  1072.     padding: 2px 16px 12px 14px !important;
  1073. }
  1074.  
  1075. .card-outer.placeholder .card {
  1076.     display: none !important;
  1077. }
  1078.  
  1079. .context-menu {
  1080.     background-color: var(--in-content-box-background) !important;
  1081.     box-shadow: none !important;
  1082.     border: 1px !important;
  1083. }
  1084.  
  1085. .context-menu>ul>li>a:focus,
  1086. .context-menu>ul>li>a:hover {
  1087.     background-color: var(--theme-selection-background-hover) !important;
  1088. }
  1089.  
  1090. #searchText:active,
  1091. #searchText:focus,
  1092. .search-wrapper input:focus,
  1093. .search-wrapper:active input {
  1094.     box-shadow: 0 0 0 3px var(--in-content-border-focus) !important;
  1095. }
  1096.  
  1097. .prefs-pane .actions {
  1098.     border-top: none !important;
  1099. }
  1100.  
  1101. }
  1102.  
  1103. @-moz-document url-prefix(about:reader) {
  1104.     body.dark a:link {
  1105.         color: var(--in-content-link-color) !important;
  1106.         font-family: Fira Sans !important;
  1107.     }
  1108.     .font-type-buttons>.sans-serif-button>.name,
  1109.     .font-type-buttons>.serif-button>.name,
  1110.     body.dark {
  1111.         color: var(--in-content-page-color) !important;
  1112.     }
  1113.     .toolbar {
  1114.         background-color: var(--in-content-category-header-background) !important;
  1115.         border-right: 1px solid !important;
  1116.     }
  1117.     .toolbar .button {
  1118.         background-color: var(--in-content-category-header-background) !important;
  1119.         border-color: var(--in-content-box-border-color) !important;
  1120.     }
  1121.     .button:hover,
  1122.     .content-width-buttons>button:hover,
  1123.     .font-size-buttons>button:hover,
  1124.     .font-type-buttons>button:hover,
  1125.     .line-height-buttons>button:hover {
  1126.         background-color: var(--in-content-primary-button-background-hover) !important;
  1127.     }
  1128.     .dropdown-popup {
  1129.         background-color: var(--in-content-category-header-background) !important;
  1130.         box-shadow: 0 1px 3px var(--in-content-category-header-background) !important;
  1131.         border-color: var(--in-content-box-border-color) !important;
  1132.     }
  1133.     .content-width-buttons>button,
  1134.     .font-size-buttons>button,
  1135.     .font-type-buttons>button,
  1136.     .font-type-buttons>button.selected,
  1137.     .font-type-buttons>button:active:hover,
  1138.     .line-height-buttons>button {
  1139.         border-color: var(--in-content-box-border-color) !important;
  1140.     }
  1141.     .color-scheme-buttons>button.selected,
  1142.     .color-scheme-buttons>button:active:hover,
  1143.     .font-type-buttons>button.selected,
  1144.     .font-type-buttons>button:active:hover {
  1145.         box-shadow: inset 0 -3px 0 0 var(--in-content-primary-button-background-hover) !important;
  1146.     }
  1147. }
  1148.  
  1149. @-moz-document url-prefix(chrome: //) {
  1150. font-family: Fira Sans !important;
  1151. font-size: 14px !important;
  1152. #ColorsDialogPane,
  1153. #ConnectionsDialogPane,
  1154. #FontsDialogPane,
  1155. #LanguagesDialogPane,
  1156. .windowDialog,
  1157. dialog,
  1158. prefpane,
  1159. prefpane>.content-box,
  1160. prefwindow,
  1161. window {
  1162.     font-family: Fira Sans !important;
  1163.     font-size: 14px !important;
  1164.     background-color: var(--in-content-page-background) !important;
  1165.     color: var(--in-content-page-color) !important;
  1166. }
  1167.  
  1168. #cookieInfoGrid .textbox-input {
  1169.     background-color: var(--in-content-page-background) !important
  1170. }
  1171.  
  1172. #historyItems {
  1173.     -moz-appearance: none !important;
  1174. }
  1175.  
  1176. @-moz-document url-prefix(view-source) {
  1177.     :root {
  1178.         background-color: var(--in-content-page-background) !important;
  1179.         color: var(--in-content-page-color) !important;
  1180.         font-family: Fira Sans !important;
  1181.     }
  1182.     pre[id]:before,
  1183.     span[id]:before {
  1184.         color: var(--in-content-page-color) !important;
  1185.     }
  1186.     .highlight .end-tag,
  1187.     .highlight .start-tag {
  1188.         color: var(--theme-highlight-purple) !important;
  1189.     }
  1190.     .highlight .comment {
  1191.         color: var(--theme-highlight-green) !important;
  1192.     }
  1193.     .highlight .cdata {
  1194.         color: dodgerblue !important;
  1195.     }
  1196.     .highlight .doctype {
  1197.         color: dodgerblue !important;
  1198.     }
  1199.     .highlight .pi {
  1200.         color: var(--theme-highlight-red) !important;
  1201.     }
  1202.     .highlight .entity {
  1203.         color: #dea174 !important;
  1204.     }
  1205.     .highlight .attribute-name {
  1206.         color: var(--theme-highlight-green) !important;
  1207.     }
  1208.     .highlight .attribute-value {
  1209.         color: var(--theme-highlight-blue) !important;
  1210.     }
  1211.     .highlight .markupdeclaration {
  1212.         color: dodgerblue !important;
  1213.     }
  1214.     .highlight .error,
  1215.     .highlight .error> :-moz-any(.start-tag,
  1216.     .end-tag,
  1217.     .comment,
  1218.     .cdata,
  1219.     .doctype,
  1220.     .pi,
  1221.     .entity,
  1222.     .attribute-name,
  1223.     .attribute-value) {
  1224.         color: yellow !important;
  1225.     }
  1226. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!