API tools faq
paste
Advertisement
tortious

user.content June 2018

tortious
May 31st, 2018
479
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 37.77 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. /* 1) Ublock Origin Black Theme */
  4. @-moz-document url-prefix("moz-extension://9dc9ef8c-b5da-43cd-a3b3-6381c2017c49/") {
  5.     body { background-color: #222 !important; color: #ccc !important; }
  6.     a { color: #8ad !important; }
  7.     h2 { background-color: #444 !important; color: #eee !important; }
  8.     code { background-color: #555 !important; }
  9.     #switch .fa { color: #369 !important; }
  10.     body.off #switch .fa { color: #555 !important; }
  11.     .tool { color: #999 !important; }
  12.     .tool.enabled:hover { color: #8ad !important; }
  13.     .permatoolbar { background-color: #333 !important; }
  14.     .permatoolbar .button { background-color: #444 !important; }
  15.     .permatoolbar .button:hover { background-color: #666 !important; }
  16.     #tooltip { background-color: #ccc !important; border: 1px solid #111 !important; color: #111 !important; }
  17.     #firewallContainer > div { background-color: #333 !important; }
  18.     #firewallContainer > div:hover { background-color: #444 !important; }
  19.     #firewallContainer > div > span { color: #eee !important; border-bottom: 1px solid #111 !important; }
  20.     #firewallContainer > div > span:first-of-type ~ span { border-left: 1px solid #111 !important; }
  21.     #extraTools { background-color: #444 !important; }
  22.     #extraTools > span:hover { color: #8ad !important; }
  23.     #dashboard-nav-widgets { background-color: #111 !important; border-bottom: 1px solid #666 !important; }
  24.     .tabButton { background-color: #444 !important; border: 1px solid #666 !important; border-bottom: 1px solid #666 !important; color: #eee !important; }
  25.     .tabButton.selected { background-color: #222 !important; border-bottom: 1px solid #222 !important; }
  26.     #diff li { background-color: #555 !important; }
  27.     #diff li:nth-child(even) { background-color: #666 !important; }
  28.     #diff textarea { background-color: #333 !important; color: #ccc !important; }
  29. }
  30.  
  31. /* 2) Privacy Badger addon Dark Theme - (working) */
  32. /*------ PRIVACY BADGER ADDON POPUP ------*/
  33. @-moz-document url-prefix("moz-extension://f63ff0ea-2890-487a-abd1-c5d8f19f0232/") {
  34. body, html {background: #333 !important; color: #fff !important}
  35.  
  36. label, span, .origin.tooltip {color: #ddd !important}
  37. span.i18n_name {color: #fff !important}
  38.  
  39. button {
  40.   -moz-appearance: none !important;
  41.   border-radius: 3px !important;
  42.   background: #666 !important;
  43.   color: #ddd !important;
  44.   border: none !important}
  45.  
  46. button:hover {
  47.   background: #444 !important;
  48.   color: #fff !important}
  49.  
  50. a:link, a {color: #fc9336 !important}
  51. a:visited, a:active {color: #a3540f !important}
  52. a:hover {color: #f0a15c !important}
  53.  
  54. #instruction {background: #444 !important; color: #ddd !important}
  55.  
  56. #blockedResources > .keyContainer > .key {background: none !important}
  57. #blockedResourcesInner > div {
  58.     background: #333 !important;
  59.     color: #ccc !important;
  60.     border-top: 1px solid #555 !important}
  61. }
  62.  
  63. /* Dark Theme for OneTab (working) */
  64. @moz-document url-prefix("moz-extension://89936017-7bae-466d-a740-c44288ab4871/")
  65. #contentAreaDiv div
  66. {
  67.   border-bottom: 0px solid red !important;
  68. }
  69.  
  70. body
  71. {
  72.   background: #2b2c30 !important;
  73.   color: #fff !important;
  74. }
  75.  
  76. /*------ COMMON PART FOR ALL FIREFOX PAGES ------*/
  77. /* super dark color scheme for usercontent pages */
  78. :root {
  79.  
  80. /* This is a little fix for all pages in case you have a dark OS theme, you can use a neutral color
  81. like #ccc (graish) or #2066dd (bluish) so that the letters can be seen in either a white or dark background for
  82.  
  83. text-inputting things. Leave as "none" for default letter color. */
  84.     --text-color-for-input-fields: #87CEFA;
  85.  
  86. /* You can put the url of an image that you want to be used as background for the about:home page.
  87. To use, instead of "none;", type: url("URL-OF-THE-IMAGE-GOES-HERE"); <- Don't forget the ending semicolon! */
  88.     --home-background-image: none;
  89.  
  90. /* These change some Firefox pages colors (Mainly used for the 404 error page) */
  91.     --in-content-page-color: #ccc !important;
  92.     --in-content-page-background: #222 !important;
  93.     --in-content-text-color: #ccc !important;
  94.     --in-content-box-background: #444 !important;
  95.     --in-content-box-background-hover: #555 !important;
  96.     --in-content-box-background-active: #333 !important;
  97.     --in-content-box-border-color: #777 !important;
  98.     --in-content-primary-button-background: #05a !important;
  99.     --in-content-primary-button-background-hover: #0040aa !important;
  100.     --in-content-primary-button-background-active: #002070 !important;
  101.  
  102.     /* Variable to change most pages context menu highlights */
  103.     --in-content-context-highlight: #25a;
  104.  
  105.     /* Variable to change the about:addons page extension names color */
  106.     --addons-addon-name: #38f;
  107.     --addons-addon-name-active: #0ef;
  108.  
  109.     /* Variables to change all link colors on most pages */
  110.     --in-content-link-color: #09f !important;
  111.     --in-content-link-color-hover: #0ff !important;
  112.     --in-content-link-color-active: #0070aa !important;
  113.     --in-content-link-color-visited: #0050aa !important;
  114.    
  115.     /* These change the selected categories color on sidebars on about: pages*/
  116.     --in-content-category-text-selected: #0a84ff !important;
  117.     --in-content-category-text-selected-active: #0060df !important;
  118.  
  119.     /* These change some colors on about:home */
  120.     --home-text: #50AAFF;
  121.     --home-search-engine-choices: linear-gradient(#559,#115);
  122.  
  123.     /* This one changes the border of all boxes with a blue border focus effect */
  124.     --in-content-border-focus: #2066dd !important;
  125.  
  126.     /* Buttons background colors */
  127.     --button-background: #05a;
  128.     --button-background-hover: #0040aa;
  129.     --button-border: #0040aa}
  130.  
  131. /* This part covers the preferences page update scrollbox (No, I couldn't put it inside the preferences section) */
  132. #historyItems .scrollbox-innerbox {background-color: #444 !important}
  133.  
  134. .update-name {color: #20dd20 !important}
  135. .update-type {color: #FA0 !important}
  136.  
  137. .tab-middle, .treecol-text {color: #FFF !important}
  138.  
  139. /* This part covers all the dialog boxes backgrounds */
  140. dialog, window, .prefpane,
  141. .prefwindow, .windowDialog {
  142.     background-color: #202020 !important;
  143.     color: #ccc !important}
  144.    
  145. /* This changes the "add certificate exception" dialog background color */
  146. #badCertAdvancedPanel {background-color: #303030 !important}
  147.  
  148. .exceptionDialogButtonContainer {background-color: #252525 !important}
  149.  
  150. /* This should change the "not found" page image colors */
  151.  
  152. .connectionFailure #errorPageContainer:not(.button-container),
  153. .netInterrupt #errorPageContainer:not(.button-container),
  154. .netTimeout #errorPageContainer:not(.button-container),
  155. .netReset #errorPageContainer:not(.button-container),
  156. .netOffline #errorPageContainer:not(.button-container),
  157. .dnsNotFound #errorPageContainer:not(.button-container),
  158. .malformedURI #errorPageContainer, #lic-info .license-header:not(a) {filter: invert(98%) hue-rotate(200deg)}
  159.  
  160. /* This fixes the inverted colors caused by the image filter (since I couldn't directly filter
  161. only the images */
  162. .connectionFailure #errorPageContainer .button-container,
  163. .netInterrupt #errorPageContainer .button-container,
  164. .netTimeout #errorPageContainer .button-container,
  165. .netReset #errorPageContainer .button-container,
  166. .netOffline #errorPageContainer .button-container,
  167. .dnsNotFound #errorPageContainer .button-container,
  168. .malformedURI #errorPageContainer .button-container,
  169. .connectionFailure #errorPageContainer #text-container,
  170. .netInterrupt #errorPageContainer #text-container,
  171. .netTimeout #errorPageContainer #text-container,
  172. .netReset #errorPageContainer #text-container,
  173. .netOffline #errorPageContainer #text-container,
  174. .dnsNotFound #errorPageContainer #text-container,
  175. .malformedURI #errorPageContainer #text-container,
  176. #lic-info .license-header p, #lic-info .license-header h1 {filter: invert(98%) hue-rotate(-200deg)}
  177.  
  178. #errorPageContainer #text-container h1 {color: #1C7BFF !important}
  179.  
  180. #startPrivateBrowsing {
  181.   -moz-appearance: none !important;
  182.   border-radius: 3px !important;
  183.   background: #666 !important;
  184.   color: #ddd !important;
  185.   padding: 2px !important}
  186.  
  187. #startPrivateBrowsing:hover {
  188.   background: #333 !important;
  189.   color: #fff !important}
  190.  
  191. /* This changes the input fields text color (fix for custom OS themes) */
  192. @-moz-document url-prefix(http){
  193. form select, input[type=text], input[type=email], input[type=password], input[type=date],
  194. input[type=datetime-local], input[type=time], input[type=week], input[type=month],
  195. input[type=number], input[type=search], input[type=tel], input[type=url], textarea
  196. {color: var(--text-color-for-input-fields) !important}
  197. }
  198.  
  199. /*------ FILE BROWSING PAGES (file://, about:sync-log) ------*/
  200. @-moz-document url-prefix(about:sync-log), url-prefix(file://) {
  201. html {background: #202020 !important}
  202. body {background: #333 !important; border: 1px solid #111 !important}
  203.  
  204. h1 {color: #fff !important; border-bottom: none !important}
  205. tbody > tr:hover {outline: 1px dotted #777 !important}
  206. .ellipsis tr:hover {outline: none !important}
  207.  
  208. #UI_goUp a.up:link, a.file:link, a.dir:link {color: #09f !important}
  209. #UI_goUp a.up:visited, .ellipsis a.file:visited, .ellipsis a.dir:visited {color: #0070aa !important}
  210. #UI_goUp a.up:hover, .ellipsis a.file:hover, .ellipsis a.dir:hover {color: #0ff !important}
  211. #UI_goUp a.up:active, .ellipsis a.file:active, .ellipsis a.dir:active {color: #0050dd !important}
  212.  
  213. th {color: #ddd !important}
  214. td {color: #aaa !important}}
  215.  
  216. /*------ VIEW SOURCE ------*/
  217. @-moz-document url-prefix(view-source:){
  218. html {
  219.     background: #222 !important;
  220.     color: #ccc !important}
  221.  
  222. .attribute-name {color: #093 !important}
  223. .start-tag, .end-tag {color: #f93 !important}
  224. .attribute-value {color: #09f !important}
  225. }
  226.  
  227. /*------ HOME/NEWTAB PAGE (About:home, about:newtab) ------*/
  228. @-moz-document url-prefix(about:home), url-prefix(about:newtab) {
  229.  
  230. body {
  231.     background-color: #202020  !important;
  232.     color: var(--home-text) !important;
  233.     overflow: auto !important}
  234.  
  235. /* Context menus of the web area */
  236. .context-menu {
  237.     background-color: #505050 !important;
  238.     color: #ccc}
  239.  
  240. .context-menu > ul > li > a:hover, .context-menu > ul > li > a:focus {
  241.     background-color: var(--in-content-context-highlight) !important}
  242.  
  243. /* Context menus of the about information area */
  244. .info-option {background-color: #444 !important; border: 1px solid #000 !important}
  245. .info-option::before {filter: invert(73%) !important}
  246.  
  247. .info-option-manage button {color: var(--in-content-link-color) !important}
  248.  
  249. .info-option-manage button:hover {color: var(--in-content-link-color-hover) !important}
  250. .info-option-manage button::after {fill: var(--in-content-link-color) !important}
  251.  
  252. /* The sidebar/settings panel part starts here */
  253. .sidebar, .sidebar .actions {border-left: 2px solid #000 !important}
  254.  
  255. .actions {border-top: 1px solid #222 !important}
  256.  
  257. .prefs-pane, .info-option p {color: #ccc !important}
  258.  
  259. .prefs-pane .sidebar, .card-outer {background-color: #303030 !important}
  260.  
  261. .prefs-pane .prefs-modal-inner-wrapper .options {background-color: #404040 !important}
  262.  
  263. .prefs-pane hr, .options {border: 1px solid #000 !important}
  264.  
  265. .prefs-pane .prefs-modal-inner-wrapper .options:hover {background-color: #202020 !important}
  266.  
  267. .prefs-pane [type='checkbox']:not(:checked) + label::before,
  268. .prefs-pane [type='checkbox']:checked + label::before
  269. {background: #111 !important}
  270.  
  271. .prefs-pane-button button {fill: rgba(255, 255, 255, 0.8) !important;}
  272.  
  273. .prefs-pane-button button:hover,
  274. .prefs-pane .actions {background-color: #151515 !important}
  275.  
  276. .prefs-pane-button button:active {background-color: #050505 !important}
  277.  
  278. /* The popups part starts here */
  279. .modal-overlay {background: #000 !important}
  280.  
  281. .modal {
  282.     background: #222 !important;
  283.     border: 1px solid #555 !important}
  284.  
  285. /* The cards borders part starts here */
  286. .card-outer .context-menu-button, .top-sites-list .top-site-outer .context-menu-button {
  287.     background-color: #555 !important;
  288.     border: 1px solid #333 !important;
  289.     fill: rgba(170, 170, 170, 0.8) !important}
  290.  
  291. .top-sites-list .top-site-outer > a.active .tile, .top-sites-list .top-site-outer > a:focus .tile,
  292. .card-outer > a.active .card, .card-outer > a:focus .card
  293. {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 5px #000 !important}
  294.  
  295. .top-sites-list .top-site-outer:hover .tile, .top-sites-list .top-site-outer:focus .tile,
  296. .top-sites-list .top-site-outer.active .tile, .card-outer:-moz-any(:hover, :focus,
  297. .active):not(.placeholder)
  298. {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 5px #555 !important}
  299.  
  300. /* No need to say this goes for the buttons */
  301. .actions button {
  302.     background: #666 !important;
  303.     border: none !important;
  304.     color: #fff !important}
  305.  
  306. .actions button:hover {box-shadow: 0 0 0 5px #666 !important}
  307. .actions button.done:hover {box-shadow: 0 0 0 5px #0a50AA !important}
  308.  
  309. .actions button.done {
  310.     background: #0a50AA !important;
  311.     border: solid 1px #0a50AA !important}
  312.  
  313. /* Search box style */
  314. #newtab-search-text[keepfocus="true"] {box-shadow: 0 0 0 1px var(--in-content-border-focus) !important}
  315.  
  316. .search-label {fill: var(--in-content-border-focus) !important}
  317.  
  318. .contentSearchSuggestionTable {
  319.     background-color: #444 !important;
  320.     border: 1px solid #000 !important}
  321.  
  322. .contentSearchSuggestionsList {
  323.     border-bottom: 1px solid #000 !important;
  324.     color: #ccc !important}
  325.  
  326. .contentSearchOneOffsTable {background: var(--home-search-engine-choices) !important}
  327.  
  328. .contentSearchOneOffItem:not(.last-row) {border-bottom: 1px solid #000 !important}
  329.  
  330. .contentSearchHeader {
  331.     background-color: #333 !important;
  332.     color: #777 !important;
  333.     border-bottom: 1px solid #000 !important}
  334.  
  335. .contentSearchSettingsButton {
  336.     background: linear-gradient(#333,#111) !important;
  337.     color: #777 !important}
  338.  
  339. .contentSearchSettingsButton.selected {
  340.     color: #555 !important}
  341.  
  342. .contentSearchSettingsButton:active {
  343.     background: linear-gradient(#111,#333) !important}
  344.  
  345. .search-button {
  346.     fill: var(--in-content-border-focus) !important}
  347.  
  348. /* Firefox news at the bottom of the screen snippets */
  349. #snippets-container, input {
  350.     background-color: #151515 !important}
  351.  
  352. #snippets-container p {
  353.     color: var(--home-text) !important}
  354.  
  355. .snippet p em {
  356.     background: transparent !important;
  357.     font-weight: 900 !important;
  358.     color: var(--home-text) !important}
  359.  
  360. .monthly-checkbox-label {color: #ccc !important}
  361.  
  362. .block-snippet-button {
  363.     filter: invert(50%) !important}
  364.  
  365. .button-link {
  366.     background-color: #0aAA50 !important;
  367.     color: #FFF !important;
  368.     border: 1px solid #090 !important}
  369.  
  370. .button-link:hover {
  371.     background-color: #0bbb60 !important;
  372.     color: #FFF !important;
  373.     border: 1px solid #090 !important}
  374.  
  375. .button-link:active {
  376.     background-color: #099940 !important;
  377.     color: #FFF !important;
  378.     border: 1px solid #090 !important}
  379.  
  380. .button.donation-amount.donation-amount-first, .button.donation-amount.donation-amount-second,
  381. .button.donation-amount.donation-amount-third, .button.donation-amount.donation-amount-fourth {
  382.     background-color: #444 !important;
  383.     color: #fff !important;
  384.     border: 1px solid #333 !important}
  385.  
  386. #snippets-container .button-selected {
  387.     background-color: #222 !important;
  388.     border: 1px solid #0084ff !important}
  389.  
  390. /* Edit top sites */
  391. input[type=text] {color: #aaa !important}
  392.  
  393. .edit-menu button.icon.icon-unpin, .edit-menu button.icon.icon-pin,
  394. .edit-menu button.icon.icon-edit, .edit-menu button.icon.icon-dismiss {
  395.     background-color: #555 !important;
  396.     border-right: none !important}
  397.  
  398. .edit-menu button.icon.icon-edit, .edit-menu button.icon.icon-dismiss {
  399.     border-left: 1px solid #333 !important}
  400.  
  401. .edit-menu {border: 1px solid #333 !important; background-color: #555 !important}
  402.  
  403. .edit-menu button.icon.icon-unpin:hover, .edit-menu button.icon.icon-pin:hover,
  404. .edit-menu button.icon.icon-edit:hover, .edit-menu button.icon.icon-dismiss:hover {
  405.     background-color: #777 !important}
  406.  
  407. .section-title span {color: #ccc !important}
  408.  
  409. .form-wrapper input:hover {border: 1px solid #0084ff !important}
  410.  
  411. /* Tour pop-up */
  412. #onboarding-overlay {
  413.     background: rgba(0,0,0,0.5) !important}
  414.  
  415. #onboarding-overlay-dialog {
  416.     background: #333 !important;
  417.     border: 1px solid rgba(0, 0, 0, 0.2)}
  418.  
  419. #onboarding-overlay p, #onboarding-overlay li.onboarding-tour-item-container span:not(.onboarding-active) {
  420.     color: #aaa !important}
  421.  
  422. #onboarding-overlay header, #onboarding-overlay h1 {color: #FFF !important}
  423.  
  424. #onboarding-skip-tour-button {
  425.     background: #222 !important;
  426.     color: #ddd !important;
  427.     border: 1px solid #111 !important}
  428.  
  429. #onboarding-skip-tour-button:hover {background: #444 !important}
  430.  
  431. #onboarding-skip-tour-button:active {background: #111 !important}
  432.  
  433. #onboarding-overlay img {filter: invert(90%) hue-rotate(200deg)}
  434.  
  435. /* This adds a background image of your choice in the main area
  436. Delete the final /* to use -> */
  437. body {
  438.   background-image: var(--home-background-image) !important;
  439.   background-size: cover !important;
  440.   background-position: center !important}
  441.  
  442. .prefs-pane .sidebar, .card-outer, .prefs-pane .prefs-modal-inner-wrapper .options,
  443. .sidebar .actions, #snippets-container {background: rgba(0,0,0,0.6) !important}
  444. }
  445.  
  446. /*------ COMMON ATTRIBUTES ON MOST ABOUT PAGES ------*/
  447. @-moz-document url(about:about), url(about:),
  448. url(https://www.mozilla.org/credits/), url-prefix(about:cache),
  449. url-prefix(about:checkerboard), url-prefix(about:plugins),
  450. url-prefix(about:buildconfig), url-prefix(about:support),
  451. url-prefix(about:profiles), url(about:crashes), url(about:license),
  452. url-prefix(about:memory), url-prefix(about:networking), url(about:performance),
  453. url(about:rights), url(about:robots), url-prefix(about:studies),
  454. url-prefix(about:telemetry), url(about:url-classifier), url(about:webrtc),
  455. url(about:devtools), url(about:serviceworkers) {
  456.  
  457. p, pre, li, label {color: #AAA !important}
  458. h1 {color: #1C7BFF !important}
  459. h2 {color: #ddd !important}
  460. h3 {color: #ddd !important}
  461.  
  462. button {
  463.   -moz-appearance: none !important;
  464.   border-radius: 3px !important;
  465.   background: var(--button-background) !important;
  466.   color: #ddd !important;
  467.   border: 1px solid var(--button-border) !important;
  468.   padding: 0.5em !important}
  469.  
  470. button:hover {
  471.     background: var(--button-background-hover) !important;
  472.     color: #FFF !important}
  473.  
  474. textarea {
  475.     -moz-appearance: none !important;
  476.     background: #333;
  477.     color: #aaa;
  478.     border: 1px solid #444}
  479. }
  480.  
  481. /*------ ABOUT: PAGES WITH TABLES  ------*/
  482. @-moz-document url-prefix(about:cache), url-prefix(about:plugins),
  483. url-prefix(about:buildconfig), url-prefix(about:networking),
  484. url-prefix(about:telemetry) {
  485.  
  486. th {background: #333 !important;
  487.     color: #fff !important;
  488.     outline: 1px solid #000 !important;
  489.     padding-left: 4px !important}
  490.  
  491. td {background: #555 !important;
  492.     color: #ddd !important;
  493.     outline: 1px solid #000 !important;
  494.     border: none !important;
  495.     padding-left: 4px !important}}
  496.  
  497. /*------ BACKGROUND OF MOST ABOUT PAGES  ------*/
  498. @-moz-document url(about:), url(about:about), url(https://www.mozilla.org/credits/),
  499. url-prefix(about:checkerboard), url(about:accounts), url-prefix(about:cache),
  500. url-prefix(about:plugins), url-prefix(about:buildconfig), url-prefix(about:memory),
  501. url-prefix(about:support), url-prefix(about:profiles), url(about:robots), url(about:serviceworkers),
  502. url(about:webrtc) {
  503. body, html {background-color: #202020 !important}}
  504.  
  505. /* Fix for Ublock Origin Element picker */
  506. @-moz-document url(about:blank) {
  507.     html, body {background: #222}}
  508.  
  509. /*------ PAGES WITH PLAIN TEXT OVER BACKGROUND  ------*/
  510. @-moz-document url(about:about), url-prefix(https://www.mozilla.org/credits/),
  511. url-prefix(about:credits), url(about:devtools), url(about:license),
  512. url-prefix(about:crashes), url(about:rights), url(about:serviceworkers) {
  513. .container, #reportListUnsubmitted, #reportListSubmitted,
  514. #aboutPageContainer, #welcome-page .box, #welcome-page .features,
  515. #lic-info, #serviceworkers {
  516.     padding: 3em !important;
  517.     background: #363636 !important;
  518.     border-radius: 6px !important}
  519.  
  520. #reportListSubmitted, #welcome-page .features {
  521.     margin-top: 1em !important;
  522.     margin-bottom: 1em !important}
  523.  
  524. #welcome-page .features {border-top: none !important}
  525.  
  526. #welcome-page .left-pane {filter: invert(98%) hue-rotate(200deg) !important}
  527.  
  528. tbody > tr:hover {outline: 1px dotted #777 !important}}
  529.  
  530. /*------ CONTEXT MENUS FOR ALL ABOUT: PAGES ------*/
  531. @-moz-document url-prefix(about:) {
  532.  
  533. /* This changes the color of the context menus */
  534. menuitem, menu {
  535.     color: #ccc !important;
  536.     padding-top: 3px;
  537.     padding-bottom: 2px}
  538.  
  539. menupopup {
  540.     -moz-appearance: none !important;
  541.     border: 2px solid #111 !important;
  542.     padding-top: 2px}
  543.  
  544. menupopup .scrollbox-innerbox {
  545.     background-color: #444 !important}
  546.  
  547. /* Context menu separator color override */
  548. menuseparator {
  549.   -moz-appearance: none !important;
  550.   margin: 1px 0 1px 2.3em !important;
  551.   height: 1px !important;
  552.   border: none !important;
  553.   background: #222 !important;
  554.   padding: 0 !important}
  555.  
  556. /* This changes the color on hover of the context-menu items */
  557. menuitem:hover,
  558. menu:hover {
  559.     -moz-appearance: none !important;
  560.     background-color: var(--in-content-context-highlight) !important}
  561.  
  562. /* This changes the text of disabled items */
  563. menuitem[disabled="true"],
  564. menu[disabled="true"] {color: #777 !important}
  565.  
  566. /* This does the same but for disabled ones */
  567. menuitem:hover[disabled="true"],
  568. menu:hover[disabled="true"] {
  569.     -moz-appearance: none !important;
  570.     padding-top: 3px;
  571.     padding-bottom: 2px;
  572.     background-color: #333 !important}}
  573.  
  574. /*------ ABOUT: PAGE (about:) ------*/
  575. @-moz-document url(about:), url(https://www.mozilla.org/credits/) {
  576. #aboutPageList {color: #ddd !important}}
  577.  
  578. /*------ DIVS OVER BACKGROUND PAGES ------*/
  579. @-moz-document url(about:robots), url(about:serviceworkers),
  580. url-prefix(about:studies), url(about:webrtc) {
  581. #stage, #errorPageContainer, .warningMessage,
  582. .info-box-content, .stats, .log {background: #333 !important; border: 1px solid #111 !important}
  583. .fold-trigger {color: #fff !important}
  584. }
  585.  
  586. /*------ SERVICE WORKERS PAGE (about:serviceworkers) ------*/
  587. @-moz-document url(about:serviceworkers) {
  588. #warning_no_serviceworkers {background: #222 !important}
  589. .warningMessage {color: #ddd !important}
  590. }
  591.  
  592. /*------ CACHE PAGE (about:cache) ------*/
  593. @-moz-document url-prefix(about:cache){
  594. #submit {
  595.     -moz-appearance: none !important;
  596.     background: linear-gradient(#2050AA, #203050) !important;
  597.     color: #FFF !important;
  598.     padding: 0.5em;
  599.     border: 1px solid #0050aa !important}
  600.  
  601. #submit:hover {
  602.     background: linear-gradient(#203050, #2050AA) !important;
  603.     color: #0FF !important}
  604.  
  605. #appid {
  606.     -moz-appearance: none !important;
  607.     background: #333;
  608.     border: 1px solid #555;
  609.     color: #ddd}
  610.  
  611. table#entries tr:nth-child(even) {background-color: #151515 !important}
  612. }
  613.  
  614. /*------ CHECKERBOARD PAGE (about:checkerboard) ------*/
  615. @-moz-document url-prefix(about:checkerboard) {
  616. #raw {color: #aaa !important}
  617.  
  618. th {background: #444 !important}
  619. td {background: #666 !important}
  620. }
  621.  
  622. /*------ NETWORKING PAGE (about:networking) ------*/
  623. @-moz-document url-prefix(about:networking), url-prefix(about:telemetry) {
  624.  
  625. .category {color: #ddd !important; font-weight: bold !important}
  626. .category[selected="true"], .category.selected {color: var(--in-content-category-text-selected) !important}
  627.  
  628. select {border: 1px solid #111 !important}
  629.  
  630. #ping-picker {
  631.     background-color: #333 !important;
  632.     border: 1px solid #111 !important}
  633.  
  634. #categories, #category-raw {background: #444 !important}
  635. #categories {margin-bottom: 0 !important}
  636. }
  637.  
  638. /*------ RIGHTS PAGE (about:rights) ------*/
  639. @-moz-document url-prefix(about:rights){
  640. .rights-header {filter: invert(98%) hue-rotate(200deg) }
  641. .rights-header div {filter: invert(98%) hue-rotate(-200deg)}
  642. }
  643. /*------ DEBUGGING PAGE (about:debugging) ------*/
  644. @-moz-document url-prefix(about:debugging) {
  645.  
  646. /* This affects the categories part */
  647. #categories {background-color: #303030 !important}
  648.  
  649. #categories button {
  650.     background-color: #303030 !important;
  651.     color: #fff !important}
  652.  
  653. #categories button:hover {background-color: #252525 !important}
  654.  
  655. #categories button.selected {color: var(--in-content-category-text-selected) !important}
  656.  
  657. /* This affects the main content part */
  658. .target-list .addon-target-container {background-color: #303030 !important}
  659.  
  660. .main-content button {
  661.     background: var(--button-background) !important;
  662.     color: #ddd !important;
  663.     border: 1px solid var(--button-border) !important}
  664.  
  665. .main-content button:hover {
  666.     background: var(--button-background-hover) !important;
  667.     color: #FFF !important;
  668.     text-decoration: none !important}
  669.  
  670. .addons-tip-icon {filter: invert(100%) !important}
  671.  
  672. /* These are the alert message that appears on the "workers" category, and the status notice */
  673. .service-worker-multi-process {
  674.     background-color: #a44 !important;
  675.     color: #ddd !important;
  676.     border-radius: 6px !important}
  677.  
  678. span.target-status {background-color: #151515 !important}
  679. }
  680.  
  681. /*------ CONFIGURATION PAGE (about:config) ------*/
  682. @-moz-document url(about:config) {
  683. :root {
  684.     --in-content-page-color: #aaa !important;
  685.     --in-content-page-background: #202020 !important;
  686.     --in-content-primary-button-background: #d55 !important;
  687.     --in-content-primary-button-background-hover: #d22 !important;
  688.     --in-content-primary-button-background-active: #D00 !important;
  689.     --in-content-text-color: #0da !important;
  690.     --in-content-item-selected: #4080CC !important;
  691.     --in-content-box-background: #333 !important;
  692.     --in-content-box-background-hover: #444 !important;
  693.     --in-content-box-background-active: #555 !important}
  694.  
  695. #configTreeBody::-moz-tree-row(odd) {
  696.     background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)) !important}
  697.  
  698. /* Warning pre-title before the actual config page (D'uh) */
  699. #warningTitle {color: #FFF !important}}
  700.  
  701. /*------ PLUGINS PAGE (about:plugins) ------*/
  702. @-moz-document url-prefix(about:plugins), url-prefix(about:buildconfig) {
  703. .notice {
  704.     background-color: #101010 !important;
  705.     color: #FA0 !important}
  706.  
  707. .notice a:link {color: #4080CC !important}
  708.  
  709. dl {color: #ddd !important}}
  710.  
  711. /*------ MEMORY LOAD PAGE (about:memory) ------*/
  712. @-moz-document url-prefix(about:memory){
  713. .opsRow {
  714.     background-color: #303030 !important;
  715.     color: #AAA !important;
  716.     border: 1px solid #111 !important}
  717. }
  718.  
  719. /*------ DOWNLOADED FILES PAGE (about:downloads) ------*/
  720. @-moz-document url(about:downloads){
  721. :root {
  722.     --in-content-page-background: #202020 !important;
  723.     --in-content-text-color: #aaa !important;
  724.     --in-content-box-background: #404040 !important;
  725.     --in-content-box-border-color: #777 !important}}
  726.  
  727. /*------ INFORMATION PAGES WITH TABLES ------*/
  728. @-moz-document url-prefix(about:support), url-prefix(about:profiles),
  729. url(about:performance), url(about:url-classifier) {
  730.  
  731. :root {
  732.     --in-content-table-header-background: #333 !important;
  733.     --aboutSupport-table-background: #555 !important;
  734.     --aboutProfiles-table-background: #555 !important;
  735.     --in-content-link-color-hover: #0FF !important;
  736.     --in-content-box-border-color: #aaa !important;
  737.     --in-content-table-border-dark-color: #000 !important;
  738.     --in-content-border-color: #000 !important}
  739.  
  740. td {background: #555 !important}
  741.  
  742. .page-subtitle {color: #ddd !important}
  743.  
  744. #profiles hr {display: none !important}
  745. }
  746.  
  747. /*------ SETTINGS/ADDONS COMMON PART (about:preferences, about:addons) ------*/
  748. @-moz-document url-prefix(about:preferences), url-prefix(about:addons){
  749.  
  750. /* Sidebar */
  751. :root {
  752.     --in-content-page-background: #202020 !important;
  753.     --in-content-category-text: #fff !important;
  754.     --in-content-text-color: #fff !important;
  755.     --in-content-selected-text: #000 !important;
  756.     --in-content-item-selected: var(--in-content-category-text-selected) !important;
  757.     --in-content-item-hover: rgba(0,90,170,0.25) !important;
  758.     background-color: #303030 !important}
  759.  
  760. /* Main Content */
  761. .main-content {
  762.     background-color: #202020 !important;
  763.     color: #AAA !important}
  764.  
  765. .groupbox-title,
  766.  
  767. /* These last two apply to some general panel labels in the preferences page  
  768. it's updated and if its the default browser) */
  769. #isDefaultLabel, #updateBox {color: #FFF !important}
  770.  
  771. /* Search Panel, Dialog boxes and inputs in general */
  772. #engineList, .dialogBox > .groupbox-title, #browserHomePage,
  773. #searchInput {background-color: #303030 !important}
  774. }
  775.  
  776. /*------ SETTINGS PAGE (about:preferences) ------*/
  777. @-moz-document url-prefix(about:preferences){
  778.  
  779. .dialogBox {background-color: #202020 !important}
  780.  
  781. /* Selector tables */
  782. #applicationsGroup richlistitem[selected="true"] {
  783.     background-color: rgba(255,255,255, 0.2) !important;
  784.     color: #0FF !important}
  785.  
  786. /* Search bar images on "search" category */
  787. image.searchBarImage {filter: invert(92%) hue-rotate(180deg)}
  788.  
  789. /* This changes some of the buttons color */
  790. .accessory-button, button {
  791.   -moz-appearance: none !important;
  792.   border-radius: 3px !important;
  793.   background: var(--button-background) !important;
  794.   color: #ddd !important;
  795.   border: 1px solid var(--button-border) !important}
  796.  
  797. .accessory-button:hover, button:hover {
  798.     background: var(--button-background-hover) !important;
  799.     color: #FFF !important}
  800.  
  801. treecol {
  802.     background-color: #555 !important;
  803.     color: #FFF !important}
  804.  
  805. treecol:hover {background-color: #666 !important}
  806.  
  807. .fxaSyncIllustration, #fxaNoLoginStatus .fxaProfileImage {filter: invert(98%) hue-rotate(200deg)}
  808. }
  809.  
  810. /*------ EXTENSIONS PAGE (about:addons) ------*/
  811. @-moz-document url-prefix(about:addons){
  812.  
  813. /* Context menus*/
  814. #header-utils-btn .scrollbox-innerbox,
  815. .arrowscrollbox-scrollbox {background-color: #444 !important}
  816.  
  817. /* This changes some of the buttons color */
  818. .accessory-button, button, #header-utils-btn {
  819.   -moz-appearance: none !important;
  820.   border-radius: 3px !important;
  821.   background: #555 !important;
  822.   color: #eee !important;
  823.   border: none !important}
  824.  
  825. #header-utils-btn {fill: black !important}
  826.  
  827. .accessory-button:hover, button:hover,
  828. #header-utils-btn:hover {
  829.     background: #333 !important;
  830.     color: #FFF !important}
  831.  
  832. .description-outer-container .button-link {
  833.     background: transparent !important;
  834.     color: var(--in-content-link-color) !important}
  835.  
  836. .description-outer-container .button-link:hover {color: var(--in-content-link-color-hover) !important}
  837. .description-outer-container .button-link:active {color: var(--in-content-link-color-active) !important}
  838.  
  839. .addon {color: #aaa !important}
  840.  
  841. .addon:hover {background-color: #151515 !important}
  842.  
  843. .content-inner-container .basicinfo-container {color: var(--addons-addon-name) !important}
  844. .addon.addon-view[selected="true"] .basicinfo-container {color: var(--addons-addon-name-active) !important}
  845.  
  846. .addon.addon-view[active="false"] .basicinfo-container,
  847. .addon.addon-view[active="false"] .description {color: #888 !important}
  848.  
  849. .addon.addon-view[selected="true"] {color: #FFF !important}
  850.  
  851. /* This changes the background highlight color of uninstalled extensions */
  852. .addon-view[pending="disable"], .addon-view[pending="uninstall"] {
  853.     --view-highlight-color: #000 !important}
  854.  
  855. /* Should be self explanatory... but this is the alert message that goes over the addons list */
  856. .alert {
  857.     background-color: rgba(255,255,255,0.10) !important ;
  858.     color: #Fff !important}
  859.  
  860. /* Description of the addons/themes */
  861. .detail-view-container {color: #aaa !important}
  862.  
  863. #detail-contributions {
  864.     background-color: rgba(0,0,0,0.15) !important;
  865.     border: 1px solid #444 !important}
  866.  
  867. #detail-rows * {text-shadow: none !important}
  868.  
  869. #detail-rows .detail-row-label {color: #fff !important}
  870.  
  871. #detail-contrib-description {color: #aaa !important}
  872.  
  873. #addon-options {
  874.     border: 1px solid #aaa !important;
  875.     border-radius: 15px !important;
  876.     background-color: #555 !important;
  877.     color: #ddd !important}
  878. }
  879.  
  880. /* This is still in the addons page, it's the "discover" page thing */
  881. @-moz-document url-prefix(https://addons-discovery.cdn.mozilla.net), url-prefix(https://discovery.addons.mozilla.org) {
  882.  
  883. .disco-content h1, .content h2 {color: #FFF !important}
  884.  
  885. .disco-content p, .content p, .content blockquote {color: #AAA !important}
  886.  
  887. #react-view {background-color: #202020 !important}
  888.  
  889. .addon.theme, .addon.extension, .addon.theme {background-color: #111111 !important}
  890. }
  891.  
  892. /*------ HEALTHREPORT PAGE (about:healthreport) ------*/
  893. @-moz-document url-prefix(https://fhr.cdn.mozilla.net/){
  894. .headerContainer, .persistentHeader {
  895.     background: #222 !important;
  896.     color: #ddd !important}
  897.  
  898. .sidebar, #health, body, .tipBox-container {
  899.     background: #333 !important;
  900.     color: #ddd !important}
  901.  
  902. li {color: #ddd !important}
  903.  
  904. span, .statsBoxSection-header {color: #fff !important}
  905.  
  906. .tipBox-header {
  907.     background: #444 !important;
  908.     color: #ddd !important}
  909.  
  910. .tipBox-content {background: #555 !important}
  911. }
  912.  
  913. /*------ MOZILLA ADDONS PAGE (Includes both the new and the old) ------*/
  914. @-moz-document url-prefix(https://addons.mozilla.org) {
  915.  
  916. html, .App-content, tr.LanguageTools-table-row:nth-child(even),
  917. #main-wrapper, #search-tools-sidebar, .primary, .secondary, #search-tools-sidebar li a
  918. {background: #202020 !important}
  919.  
  920. #footer {
  921.     background-color: #202020 !important;
  922.     background-image: linear-gradient(to bottom,#202020 0,#202020 123px,
  923.         #000 123px,#000 200px,#101010 200px,rgba(90,90,90,0) 400px) !important}
  924.  
  925. .listing-header, .listing .item, .object-lead, .listing-footer {
  926.     background: linear-gradient(#202020, #333) !important;
  927.     border-bottom: 1px solid #000 !important}  
  928.  
  929. #search-tools-sidebar {border-radius: 0px !important}
  930.  
  931. #react-autowhatever-1 * {background-color: #444 !important}
  932.  
  933. .Hero .Card-contents, .Home-SubjectShelf .Card-contents,
  934. .CardList .Card-header, .CardList .Card-contents, a.SearchResult-link,
  935. .Card-contents, .Card-Header, ul.AddonsCard-list li.SearchResult, ul.AddonsCard-list,
  936. .ExpandableCard .Card-header, span .Paginate-item.disabled.Paginate-previous,
  937. .Card-header, .Card-footer-text, .Card-footer-link, a.ShowMoreCard-expand-link,
  938. a.Addon-all-reviews-link, .MetadataCard, .Card-contents ul li, .LandingPage-header,
  939. .highlight, .AutoSearchInput-query  {
  940.     background-color: #303030 !important;
  941.     color: #ccc !important}
  942.  
  943. .HeroSection-content {color: #fff !important}
  944.  
  945. .Search .AddonsCard-list .SearchResult {border-bottom: 1px solid #000 !important}
  946.  
  947. .PermissionsCard-list .Icon {filter: brightness(700%) !important}
  948.  
  949. button:not(.pswp__button):not(.pswp__ui):not(.AutoSearchInput-submit-button):not(.Icon-arrow):not(.DropdownMenu-button),
  950. .PermissionCard-learn-more, .AddAddonToCollection-select {
  951.     background-color: #555 !important;
  952.     color: #FFF !important}
  953.  
  954. button:not(.pswp__button):not(.pswp__ui):not(.AutoSearchInput-submit-button):not(.Icon-arrow):not(.DropdownMenu-button):hover,
  955. .PermissionCard-learn-more:hover, .AddAddonToCollection-select:hover {
  956.     background-color: #444 !important;
  957.     color: #1494FB !important}
  958.  
  959. .other-categories .divider {border-top: 1px dotted #000 !important}
  960.  
  961. .listing-footer {border-top: 1px solid #000 !important}
  962.  
  963. .item .item-info {
  964.     border-left: 1px dotted #000 !important;
  965. }
  966.  
  967. button.DropdownMenu-button, button.TooltipMenu-opener,
  968. button.SearchForm-submit-button, ul.LanguageTools-addon-list li,
  969. #aux-nav > ul > li {background: transparent !important}
  970.  
  971. ul.DropdownMenu-items, ul.TooltipMenu-list, .TooltipMenu-arrow,
  972. ul.TooltipMenu-list li.ListItem, tr.LanguageTools-table-row:nth-child(odd) {
  973.     background-color: #151515 !important;
  974.     color: #ccc !important}
  975.  
  976. ul.TooltipMenu-list li.ListItem, ul.LanguageTools-addon-list li, .highlight
  977. {border: none !important}
  978.  
  979. th.LanguageTools-header-cell {background-color: #101010 !important}
  980.  
  981. .Home-SubjectShelf-link:active, .Home-SubjectShelf-link:focus,
  982. .Home-SubjectShelf-link:hover, a.Button.Categories-link:hover
  983. {color: #0d96ff !important}
  984.  
  985. .Home-SubjectShelf-link:link, .Home-SubjectShelf-link:visited
  986. {color: #343a40 !important}
  987.  
  988. a.SearchResult-link h2, span, label *,
  989. p, a, h4, h2, blockquote, li, .num-results
  990. {color: #ccc !important}
  991.  
  992. .header-bg {
  993.     background-color: #000 !important;
  994.     background-image: linear-gradient(to bottom,transparent 0,transparent 100px),
  995.     linear-gradient(to bottom,rgba(90,90,90,0) 0,#555 500px,#fff 0),
  996.     repeating-linear-gradient(118deg,rgba(12,153,213,0) 0,#444 550px,rgba(90,90,90,0) 550px,#444 800px,
  997.     rgba(90,90,90,0) 800px,#444 950px) !important}
  998.  
  999. .Paginate .Paginate-item, li.p-popular {background-color: #303030 !important}
  1000.  
  1001. .Paginate .Paginate-item:disabled, .Paginate .Paginate-item.disabled,
  1002. .Paginate .Paginate-item:hover, li.p-popular:hover, #search-tools-sidebar li a:hover,
  1003. .other-apps li a:hover, #site-search-suggestions a.sel, #site-search-suggestions a:hover,
  1004. #site-search-suggestions.sel a.sel:hover, #site-search-suggestions li p a:hover,
  1005. #other-apps ul.other-apps, #addon-list-options li:not(.selected) a:hover,
  1006. .pagination li:not(.selected) a:hover, #aux-nav > ul > li:not(:first-child)::before,
  1007. #addon-list-options li:not(.selected) a:focus, .pagination li:not(.selected) a:focus
  1008. {background-color: #151515 !important}
  1009.  
  1010. a.SearchResult-link:hover h2, span:not(.Addon-author):hover, a:hover {color: #1494FB !important}
  1011.  
  1012. h2.Home-SubjectShelf-subheading, .CardList h2.Card-header,
  1013. h1, .Paginate-page-number, .Badge, a.Button.Categories-link, .install a *
  1014. {color: #FFF !important}
  1015.  
  1016. .install a.caution {text-shadow: 1px 1px red !important}
  1017.  
  1018. .install strong {color: #FA0 !important}
  1019.  
  1020. input.SearchForm-query, select#SearchFilters-Sort, select#SearchFilters-AddonType,
  1021. select#SearchFilters-AddonType, select#SearchFilters-OperatingSystem, select#language,
  1022. input#search-q {
  1023.     background-color: #222 !important;
  1024.     color: #FFF !important}
  1025.  
  1026. #site-search-suggestions .wrap, ul.other-apps {
  1027.     background: #151515 !important;
  1028.     border: 1px solid #101010 !important}
  1029.  
  1030. .ShowMoreCard-contents::after
  1031. {background: linear-gradient(rgba(48, 48, 48, 0.3), #303030) !important}
  1032. }
  1033.  
  1034. /*------ MOZILLA LOGIN PAGE (The login page inside https://addons.mozilla.org) ------*/
  1035. @-moz-document url-prefix(https://accounts.firefox.com) {
  1036.  
  1037. html, body {background-color: #202020 !important}
  1038.  
  1039. #stage.fade-in-forward .sign-in #main-content.card, #stage #main-content.panel {
  1040.     background-color: #303030 !important;
  1041.     color: #ccc !important}
  1042.  
  1043. form input, .show-password-label {
  1044.     background-color: #444 !important;
  1045.     color: #ccc !important}
  1046. }
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!