API tools faq
paste
Guest User

userContent.css

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