Dobbie03

Untitled

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