API tools faq
paste
Advertisement
difool2nice

userContent.css juillet 2018

difool2nice
Jul 7th, 2018
268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 44.51 KB | None | 0 0
raw download clone embed print report
  1. /*----------ublock origin --------------*/
  2.  
  3. @-moz-document url-prefix("moz-extension://0fe38a6a-1858-4e16-987b-525d4c55b6d9/") {
  4. body {
  5. font-family: Fira Sans !important;
  6. background-color: #1f1f1f !important;
  7. color: white !important;
  8. }
  9. a {
  10. color: #888 !important;
  11. }
  12. h2 {
  13. background-color: #444 !important;
  14. color: white !important;
  15. }
  16. code {
  17. background-color: #555 !important;
  18. }
  19. #switch .fa {
  20. color: dodgerblue !important;
  21. }
  22. body.off #switch .fa {
  23. color: #555 !important;
  24. }
  25. .tool {
  26. color: white !important;
  27. }
  28. .tool.enabled:hover {
  29. color: dodgerblue !important;
  30. }
  31. .permatoolbar {
  32. background-color: #333 !important;
  33. }
  34. .permatoolbar .button {
  35. background-color: #444 !important;
  36. }
  37. .permatoolbar .button:hover {
  38. background-color: #888 !important;
  39. }
  40. #tooltip {
  41. background-color: black !important;
  42. border: 1px solid black !important;
  43. color: white !important;
  44. }
  45. #firewallContainer>div {
  46. background-color: #333 !important;
  47. }
  48. #firewallContainer>div:hover {
  49. background-color: #444 !important;
  50. }
  51. #firewallContainer>div>span {
  52. color: #eee !important;
  53. border-bottom: 1px solid #111 !important;
  54. }
  55. #firewallContainer>div>span:first-of-type~span {
  56. border-left: 1px solid #111 !important;
  57. }
  58. #extraTools {
  59. background-color: #444 !important;
  60. }
  61. #extraTools>span:hover {
  62. color: dodgerblue !important;
  63. }
  64. #dashboard-nav-widgets {
  65. background-color: #111 !important;
  66. border-bottom: 1px solid #777 !important;
  67. }
  68. .tabButton {
  69. background-color: #444 !important;
  70. border: 1px solid #666 !important;
  71. border-bottom: 1px solid #777 !important;
  72. color: white !important;
  73. }
  74. .tabButton.selected {
  75. background-color: #222 !important;
  76. border-bottom: 1px solid #222 !important;
  77. }
  78. #diff li {
  79. background-color: #555 !important;
  80. }
  81. #diff li:nth-child(even) {
  82. background-color: #444 !important;
  83. }
  84. #diff textarea {
  85. background-color: #333 !important;
  86. color: #ccc !important;
  87. }
  88. }
  89. /*-------------------------------------------------------------------*/
  90.  
  91. /*-------------download sidebar webext tweaks dark ------------------*/
  92.  
  93. @-moz-document url("moz-extension://fb8652d2-dd93-4d08-9db9-a25d8fcc89df/sidebar/panel.html") {
  94. html,  body {
  95. font-family: Fira Sans !important;
  96. background-color: #1f1f1f !important;
  97. color: white !important;
  98. }
  99. .toolbar-item .btn,
  100. .change-state-button,
  101. .cancel-button,
  102. .erase-button {
  103. filter: invert(50%) !important;
  104. }
  105. .progress {
  106. border: 0px solid #777 !important;
  107. background-color: #1e90ff !important;
  108. }
  109. .toolbar-bottom {
  110. border-top: 1px solid #777 !important;
  111. }
  112. .selected {
  113. background-image: linear-gradient(to top, #1e90ff, rgba(30, 150, 255, 0.43) !important;
  114. box-shadow: 0 0 1px 1px black !important;
  115. }
  116. }
  117. /*-----------------------------------------------------------------------------------
  118. :root {
  119. --magenta-50: #ff1ad9;
  120. --magenta-60: #ed00b5;
  121. --magenta-70: #b5007f;
  122. --magenta-80: #7d004f;
  123. --magenta-90: #440027;
  124. --purple-50: #9400ff;
  125. --purple-60: #8000d7;
  126. --purple-70: #6200a4;
  127. --purple-80: #440071;
  128. --purple-90: #25003e;
  129. --blue-40: #45a1ff;
  130. --blue-50: #0a84ff;
  131. --blue-60: #0060df;
  132. --blue-70: #003eaa;
  133. --blue-80: #002275;
  134. --blue-90: #000f40;
  135. --teal-50: #00feff;
  136. --teal-60: #00c8d7;
  137. --teal-70: #008ea4;
  138. --teal-80: #005a71;
  139. --teal-90: #002d3e;
  140. --green-50: #30e60b;
  141. --green-60: #12bc00;
  142. --green-70: #058b00;
  143. --green-80: #006504;
  144. --green-90: #003706;
  145. --yellow-50: #ffe900;
  146. --yellow-60: #d7b600;
  147. --yellow-70: #a47f00;
  148. --yellow-80: #715100;
  149. --yellow-90: #3e2800;
  150. --red-50: #ff0039;
  151. --red-60: #d70022;
  152. --red-70: #a4000f;
  153. --red-80: #5a0002;
  154. --red-90: #3e0200;
  155. --orange-50: #ff9400;
  156. --orange-60: #d76e00;
  157. --orange-70: #a44900;
  158. --orange-80: #712b00;
  159. --orange-90: #3e1300;
  160. --grey-10: #f9f9fa;
  161. --grey-20: #ededf0;
  162. --grey-30: #d7d7db;
  163. --grey-40: #b1b1b3;
  164. --grey-50: #737373;
  165. --grey-60: #4a4a4f;
  166. --grey-70: #38383d;
  167. --grey-80: #2a2a2e;
  168. --grey-90: #0c0c0d;
  169. --code-green: #86de74!important;
  170. --warning-color: #FCE19F;
  171. --warning-background-color: #44391F;
  172. --theme-highlight-green: #86DE74;
  173. --theme-highlight-blue: #75BFFF;
  174. --theme-highlight-purple: #B98EFF;
  175. --theme-highlight-red: #FF7DE9;
  176. --theme-highlight-yellow: #FFF89E;
  177. --theme-highlight-bluegrey: #5e88b0;
  178. --theme-highlight-lightorange: #d99b28;
  179. --theme-highlight-orange: #d96629;
  180. --theme-highlight-pink: #df80ff;
  181. --tone-1: var(--grey-10);
  182. --tone-2: var(--grey-20);
  183. --tone-3: var(--grey-30);
  184. --tone-4: var(--grey-40);
  185. --tone-5: var(--grey-50);
  186. --tone-6: var(--grey-60);
  187. --tone-7: var(--grey-70);
  188. --tone-8: var(--grey-80);
  189. --tone-9: var(--grey-90);
  190. --accent-1: var(--blue-40);
  191. --accent-2: var(--blue-50);
  192. --accent-3: var(--blue-60);
  193. --in-content-page-color: var(--tone-4)!important;
  194. --in-content-page-background: var(--tone-7)!important;
  195. --in-content-text-color: var(--tone-3)!important;
  196. --in-content-selected-text: var(--tone-1)!important;
  197. --in-content-box-background: var(--tone-6)!important;
  198. --in-content-box-background-odd: #f3f6fa;
  199. --in-content-box-background-hover: var(--tone-6)!important;
  200. --in-content-box-background-active: var(--tone-6)!important;
  201. --in-content-box-border-color: var(--tone-5)!important;
  202. --in-content-item-hover: rgba(0,149,221,0.25);
  203. --in-content-item-selected: var(--tone-8)!important;
  204. --in-content-border-highlight: var(--accent-1)!important;
  205. --in-content-border-focus: var(--accent-1)!important;
  206. --in-content-border-color: var(--tone-6)!important;
  207. --in-content-category-outline-focus: 1px dotted #0a84ff;
  208. --in-content-category-text: var(--tone-4)!important;
  209. --in-content-category-text-active: #0c0c0d;
  210. --in-content-category-text-selected: var(--accent-1)!important;
  211. --in-content-category-text-selected-active: #0060df;
  212. --in-content-category-background-hover: rgba(12,12,13,0.1);
  213. --in-content-category-background-active: rgba(12,12,13,0.15);
  214. --in-content-category-background-selected-hover: rgba(12,12,13,0.15);
  215. --in-content-category-background-selected-active: rgba(12,12,13,0.2);
  216. --in-content-tab-color: #424f5a;
  217. --in-content-link-color: var(--accent-1)!important;
  218. --in-content-link-color-hover: var(--accent-2)!important;
  219. --in-content-link-color-active: #003eaa;
  220. --in-content-link-color-visited: #0a8dff;
  221. --in-content-primary-button-background: var(--accent-2)!important;
  222. --in-content-primary-button-background-hover: var(--accent-3)!important;
  223. --in-content-primary-button-background-active: var(--accent-3)!important;
  224. --in-content-table-border-dark-color: var(--tone-7)!important;
  225. --in-content-table-header-background: var(--accent-2)!important;
  226. --theme-selection-background: var(--accent-2)!important;
  227. --theme-selection-background-hover: var(--accent-1)!important;
  228. --in-content-category-header-background: var(--tone-8)!important;
  229. --selected-icon-fill-color: var(--tone-2)!important;
  230. --in-content-dark-header-background: var(--tone-9)!important;
  231. --secure-connection-color: var(--accent-1);
  232. --theme-sidebar-background: #1B1B1D!important;
  233. --cm-background: var(--tone-8)!important;
  234. --cm-selection: #353b48!important;
  235. --cm-marker: #555!important;
  236. --cm-linenumber: #58575c!important;
  237. --cm-cursor: #fff!important;
  238. --cm-active-line-background: rgba(185,215,253,.15)!important;
  239. --cm-matching-bracket: rgba(255,255,255,.25)!important;
  240. --cm-search-background: rgba(24,29,32,1)!important;
  241. --cm-red: #de7474!important;
  242. --start-indicator-for-updater-scripts: black;
  243. --end-indicator-for-updater-scripts: black;
  244. --dummy-variable-for-updater-scripts: black;
  245. }*/
  246. /* ADDONS MOZILLA.ORG */
  247. /*
  248. @-moz-document url-prefix("https://addons.mozilla.org") {
  249. .Footer,
  250. .Footer-wrapper,
  251. .Header,
  252. .LanguageTools-header-row,
  253. .amo {  background: var(--in-content-category-header-background) !important;
  254. }
  255. .App-content,
  256. .Home,
  257. .LandingPage,
  258. .LanguageTools-table-row:nth-child(2n),
  259. .Paginate-page-number {
  260. background: #1f1f1f !important;
  261. }
  262. .Select {
  263. background-color: var(--in-content-page-background) !important;
  264. }
  265. .SearchForm-icon-magnifying-glass {
  266. filter: invert(65%) !important;
  267. }
  268. .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  269. .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  270. .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  271. .AddonsCard--horizontal .Card-contents,
  272. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  273. .AutoSearchInput-suggestions-item,
  274. .Card--photon .Card-contents,
  275. .Card-contents,
  276. .Card-contents li,
  277. .Card-footer-link,
  278. .Card-footer-text,
  279. .Card-header,
  280. .Categories .Card-contents,
  281. .Hero .Card-contents,
  282. .Home-SubjectShelf .Card-contents,
  283. .LandingPage-header,
  284. .MetadataCard,
  285. .Search .SearchResults .SearchResult,
  286. .Search .SearchResults-message,
  287. .SearchForm-query,
  288. .SearchForm-suggestions-item.SearchForm-suggestions-item,
  289. .SectionLinks-dropdown .DropdownMenu-items,
  290. input.AutoSearchInput-query {
  291. background: var(--in-content-box-background) !important;
  292. }
  293. .Addon-author,
  294. .Addon-author a,
  295. .Addon-author a:link .Button--action,
  296. .Addon-title,
  297. .AddonBadges .Badge,
  298. .Button--action,
  299. .Button--action.Button--small:link,
  300. .Button--action:link,
  301. .Card--photon .Card-contents,
  302. .Card-contents,
  303. .Card-footer-text,
  304. .Definition-dt,
  305. .DropdownMenuItem,
  306. .DropdownMenuItem-link a,
  307. .DropdownMenuItem-link a:link,
  308. .DropdownMenuItem-section,
  309. .ExpandableCard-ToggleLink:link,
  310. .Footer a:active,
  311. .Footer a:hover,
  312. .Footer-links-header a:link,
  313. .Home-SubjectShelf-link:link,
  314. .Home-SubjectShelf-link:visited,
  315. .Home-SubjectShelf-subheading,
  316. .LandingPage-addonType-name,
  317. .LandingPage-heading-content,
  318. .MetadataCard-list dt,
  319. .Paginate .Paginate-item,
  320. .Paginate-page-number,
  321. .PermissionsCard-subhead,
  322. .ReportAbuseButton-show-more,
  323. .SearchContextCard-header,
  324. .SearchFilters-label,
  325. .SearchForm-query,
  326. .SearchResult--meta-section,
  327. .SearchResult-name,
  328. .SearchResult-summary,
  329. .SearchSuggestion-name,
  330. .Select,
  331. input.AutoSearchInput-query {
  332. color: var(--in-content-page-color) !important;
  333. }
  334. .Card-header {
  335. color: var(--in-content-text-color) !important;
  336. }
  337. .Card-contents li .Rating-star-group,
  338. .Paginate-next::after,
  339. .Paginate-previous::before {
  340. filter: invert(70%) !important;
  341. }
  342. .ShowMoreCard-contents::after {
  343. background: linear-gradient(rgba(255, 255, 255, 0.082), var(--in-content-box-background)) !important;
  344. }
  345. .Addon-details .AddonDescription-contents a:link,
  346. .AddonMoreInfo-contents a:link,
  347. .Card-footer-link a,
  348. .Card-footer-link a:hover,
  349. .Card-footer-link a:link,
  350. .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  351. .DropdownMenuItem-link a:hover,
  352. .Home-SubjectShelf-link:active,
  353. .Home-SubjectShelf-link:focus,
  354. .Home-SubjectShelf-link:hover,
  355. .LanguageTools-table a:link,
  356. .SearchResult-link:focus .SearchResult-name,
  357. .SearchResult-link:hover .SearchResult-name {
  358. color: var(--in-content-link-color) !important;
  359. }
  360. .Button--action.Button--outline-only {
  361. border-color: var(--in-content-border-highlight) !important;
  362. }
  363. input.AutoSearchInput-query {
  364. border-color: var(--in-content-box-border-color) !important;
  365. }
  366. .Addon .InstallButton-button,
  367. .Button--action,
  368. .Button--action.Button--small,
  369. .Paginate .Paginate-item,
  370. .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  371. background: var(--in-content-primary-button-background) !important; color: white !important;
  372. }
  373. .Button--action.Button--outline-only:hover,
  374. .Button--action:hover,
  375. .SearchForm-query:hover {
  376. border-color: var(--in-content-primary-button-background) !important; color:  white !important;
  377. }
  378. .SearchForm-query:focus {
  379. box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  380. border-color: var(--in-content-primary-button-background) !important;
  381. }
  382. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  383. background: var(--in-content-page-background) !important;
  384. border-radius: 0 !important;
  385. }
  386.  
  387. .Button--report {
  388. text-shadow: none !important;
  389. }
  390. .Icon-arrow,
  391. .Icon-external {
  392. filter: invert(20%) !important;
  393. }
  394. .Icon-magnifying-glass {
  395. filter: invert(65%) !important;
  396. }
  397. .Icon-featured {
  398. filter: invert(85%) !important;
  399. }
  400. }*/
  401. /*
  402. @-moz-document url-prefix(about:), url-prefix(chrome://browser) {
  403. .checkbox-check,
  404. .prefs-pane [type=checkbox]:checked + label::before,
  405. .prefs-pane [type=checkbox]:not(:checked) + label::before,
  406. .radio-check,
  407. input[type=checkbox] {
  408. -moz-appearance: none!important;
  409. border: 1px solid!important;
  410. background-color: var(--in-content-box-background)!important;
  411. background-image: none!important;
  412. box-shadow: none!important;
  413. border-color: var(--in-content-box-border-color)!important
  414. }
  415. radio[disabled=true] {
  416. color: var(--in-content-box-border-color)!important
  417. }
  418. .radio-check[selected] {
  419. list-style-image: url(chrome://global/skin/in-content/radio.svg);
  420. fill: var(--in-content-border-highlight)!important;
  421. -moz-context-properties: fill,stroke;
  422. stroke: none;
  423. border-radius: 50%!important
  424. }
  425. .checkbox-check[checked] {
  426. list-style-image: url(chrome://global/skin/in-content/check.svg)!important;
  427. fill: var(--in-content-border-highlight)!important;
  428. -moz-context-properties: fill,stroke;
  429. stroke: none
  430. }
  431. html body div.ancillary div div.opsRow div.opsRowLabel label input,
  432. html body div.ancillary div div.opsRow div.opsRowLabel label input#verbose {
  433. -moz-appearance: checkbox!important;
  434. min-height: 10px!important;
  435. min-width: 10px!important;
  436. margin-top: -5px;
  437. margin-bottom: -1px
  438. }
  439. }*/
  440. /*
  441. @-moz-document url-prefix(about:),
  442. url-prefix(chrome://browser/content/preferences/),
  443. url(chrome://passwordmgr/content/passwordManager.xul),
  444. url(chrome://formautofill/content/manageAddresses.xhtml),
  445. url-prefix(chrome://pippki),
  446. url(chrome://browser/content/pageinfo/pageInfo.xul) {
  447. treechildren::-moz-tree-row,
  448. treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol,odd) {
  449. background-color: var(--in-content-box-background)!important
  450. }
  451. treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
  452. background-color: var(--theme-selection-background-hover)!important;
  453. }
  454. tree {
  455. background-color: var(--in-content-box-background)!important;
  456. color: var(--in-content-page-color)!important;
  457. }
  458. treechildren::-moz-tree-cell-text(hover),
  459. treechildren::-moz-tree-cell-text(selected) {
  460. color: var(--in-content-text-color)!important
  461. }
  462. treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
  463. background-color: var(--theme-selection-background)!important
  464. }
  465. treecol:not([hideheader=true]):not(:first-child),
  466. treecolpicker {
  467. border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important
  468. }
  469. menulist:not([editable=true]) > .menulist-dropmarker,
  470. treecol:not([hideheader=true]) > .treecol-sortdirection[sortDirection] {
  471. fill: var(--in-content-category-text)!important
  472. }
  473. fieldset > legend,
  474. treecol:not([hideheader=true]),
  475. treecolpicker {
  476. background-color: var(--in-content-category-header-background)!important;
  477. color: var(--in-content-page-color)!important
  478. }
  479. prefpane#mainPrefPane groupbox#applicationsGroup richlistbox#handlersView richlistitem[selected=true] {
  480. background: var(--in-content-page-background)!important;
  481. color: var(--in-content-page-color)!important
  482. }
  483. @media screen and (-moz-os-version:windows-win7) {
  484. treechildren {
  485. --treechildren-outline: none!important
  486. }
  487. }
  488. }*/
  489. /*
  490. @-moz-document regexp("^about:(?!reader).*"),
  491. url(https://www.mozilla.org/credits/),
  492. url-prefix(https://discovery.addons.mozilla.org) {
  493. :root {
  494. --aboutProfiles-table-background: var(--in-content-box-background)!important;
  495. }
  496. menupopup,
  497. menupopup > menu > menupopup,
  498. popup,
  499. popup > menu > menupopup {
  500. -moz-appearance: none!important;
  501. background: var(--in-content-box-background)!important;
  502. border: none!important;
  503. padding: 0!important;
  504. }
  505. menuitem,
  506. menupopup menu {
  507. -moz-appearance: none!important;
  508. color: var(--in-content-selected-text)!important;
  509. }
  510. menuitem:hover,
  511. menupopup menu:hover {
  512. color: var(--in-content-text-color)!important;
  513. background-color: var(--in-content-primary-button-background-hover)!important;
  514. }
  515. menupopup menuseparator {
  516. padding: 0px !important;
  517. margin: 2px 6px !important;
  518. -moz-appearance: none !important;
  519. background: rgba(0,0,0,0) !important;
  520. border: 0 !important;
  521. }
  522. @media screen and (-moz-windows-theme) {
  523. menuitem,
  524. menupopup menu {
  525. margin: 1px 6px!important;
  526. }
  527. menupopup,
  528. menupopup > menu > menupopup,
  529. popup,
  530. popup > menu > menupopup {
  531. border: 1px solid!important;
  532. border-color: var(--in-content-box-background)!important;
  533. }
  534. }
  535. .prefs-pane [type=checkbox]:checked + label::after,
  536. .prefs-pane [type=checkbox]:not(:checked) + label::after,
  537. input[type=checkbox]:checked {
  538. background-image: url(chrome://global/skin/in-content/check.svg) !important;
  539. }
  540. .contentSearchSuggestionsList {
  541. background-color: var(--in-content-box-background)!important;
  542. border: none !important;
  543. }
  544. .contentSearchHeader,
  545. .contentSearchOneOffsTable {
  546. background-color: var(--in-content-category-header-background)!important;
  547. border: none!important;
  548. color: var(--in-content-text-color)!important;
  549. }
  550. #newtab-customize-overlay,
  551. .exceptionDialogButtonContainer,
  552. .snippet .button-link,
  553. html:not(#ublock0-epicker),
  554. html:not(#ublock0-epicker) body {
  555. background: var(--in-content-page-background)!important;
  556. color: var(--in-content-page-color)!important;
  557. }
  558. #SanitizeDialogPane > groupbox,
  559. #mainDiv.non-verbose div.section h2,
  560. #onboarding-overlay,
  561. .dialogBox > .groupbox-body,
  562. .modal,
  563. .modal-overlay,
  564. .warningBackground {
  565. background: var(--in-content-page-background)!important;
  566. }
  567. #homeContentsGroup checkbox[src] .checkbox-icon,
  568. .content-container .icon-container .icon[src=""],
  569. .snippet .block-snippet-button {
  570. filter: invert(65%)!important;
  571. -webkit-filter: invert(65%)!important;
  572. }
  573. .collapsible-section .section-top-bar .info-option-manage button,
  574. .topic .topic-read-more,
  575. a:link {
  576. color: var(--in-content-link-color)!important;
  577. }
  578. .topic .topic-read-more:hover,
  579. a:link:hover {
  580. color: var(--in-content-link-color-hover)!important;
  581. }
  582. #action-box,
  583. #badCertAdvancedPanel,
  584. #content div.log span.section-heading button.no-print:hover,
  585. #content div.stats span.section-heading button.no-print:hover,
  586. #contents table tbody tr td,
  587. #contents table tr.no-copy td,
  588. #controls.no-print div.controls div.control button:hover,
  589. #errorPageContainer button#errorTryAgain:hover,
  590. #header-utils-btn[open=true],
  591. #provider table#provider-table tbody#provider-table-body tr td,
  592. #subprocess-reports tr td,
  593. .aboutPageWideContainer div#debug table#debug-table tbody tr td,
  594. .aboutPageWideContainer label input#submit:hover,
  595. .alert,
  596. .opsRow button:hover,
  597. .top-sites-list .top-site-outer .top-site-icon {
  598. background-color: var(--in-content-box-background)!important;
  599. }
  600. #snippetContainer #snippets,
  601. .addon .editorial-description,
  602. .addon .heading,
  603. .disco-content,
  604. .top-sites-list .top-site-outer .title span,
  605. header h1 {
  606. color: var(--in-content-page-color)!important;
  607. }
  608. #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
  609. #searchWrapper input#searchText,
  610. .addon .content,
  611. .addon .logo,
  612. .card-outer,
  613. .card-outer .card-context,
  614. .card-outer .card-details,
  615. .search-wrapper input,
  616. .topsite-form .form-wrapper input[type=text],
  617. card-outer.active span.context-menu ul.context-menu-list {
  618. background: var(--in-content-box-background)!important;
  619. }
  620. #snippets-container,
  621. .sorter[checkState="1"],
  622. .sorter[checkState="2"] {
  623. background-color: var(--in-content-category-header-background)!important;
  624. }
  625. .contentSearchSettingsButton {
  626. display: none!important;
  627. }
  628. #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
  629. #scene1 h1,
  630. .addon,
  631. .card-outer .card-context,
  632. .card-outer .card-host-name,
  633. .detail-view-container,
  634. .section-title span,
  635. .snippet section,
  636. .top-sites-list .top-site-outer .top-site-icon,
  637. .topsite-form .form-wrapper input[type=text] {
  638. color: var(--in-content-page-color)!important;
  639. }
  640. #searchWrapper #searchIcon,
  641. #searchWrapper #searchSubmit,
  642. .card-outer .card-context-icon,
  643. .category:not([selected]) > .category-icon,
  644. .collapsible-section .section-top-bar .info-option-icon,
  645. .context-menu ul.context-menu-list li.context-menu-item a span.icon,
  646. .prefs-pane-button button,
  647. .search-wrapper .search-button,
  648. .search-wrapper .search-label,
  649. .section-title span {
  650. fill: var(--in-content-page-color)!important;
  651. }
  652. .sorter {
  653. color: var(--accent-1)!important;
  654. }
  655. .download-progress {
  656. background-color: var(--in-content-box-color)!important;
  657. }
  658. .list > scrollbox > .scrollbox-innerbox {
  659. border: none!important;
  660. }
  661. #header-utils-btn:hover,
  662. .header-button:hover {
  663. background-color: var(--in-content-box-background-hover)!important;
  664. }
  665. #header-utils-btn {
  666. fill: var(--in-content-category-text)!important;
  667. }
  668. .collapsible-section .section-top-bar .info-option-manage button:after,
  669. .topic .topic-read-more::after {
  670. fill: var(--in-content-link-color)!important;
  671. }
  672. .addon-view[notification=warning] {
  673. --view-highlight-color: transparent!important;
  674. }
  675. .addon-view[notification],
  676. .addon-view[pending] {
  677. --view-highlight-color: transparent;
  678. background-image: none!important;
  679. }
  680. .addon[active=false] {
  681. opacity: .7 !important;
  682. }
  683. .detail-row,
  684. .detail-row-complex,
  685. setting {
  686. text-shadow: none !important;
  687. }
  688. #warningTitle {
  689. color: dodgerblue !important;
  690. }
  691. #configTree {
  692. border: none!important;
  693. }
  694. .addon-target-container {
  695. background: var(--in-content-box-background)!important;
  696. box-shadow: none!important;
  697. }
  698. .service-worker-multi-process {
  699. background-color: #44391f!important;
  700. }
  701. #onboarding-notification-bar {
  702. background: var(--in-content-category-header-background)!important;
  703. border-top: 2px solid!important;
  704. }
  705. .prefs-pane .actions,  .prefs-pane .sidebar {
  706. background: var(--in-content-category-header-background)!important;
  707. border-color: var(--in-content-box-border-color)!important;
  708. }
  709. .collapsible-section .section-top-bar .info-option,  .prefs-pane .prefs-modal-inner-wrapper .options,
  710. .sections-list .section-empty-state {
  711. background: var(--in-content-box-background)!important;
  712. border-color: var(--in-content-box-border-color)!important;
  713. }
  714. .actions button:hover:not(.dismiss),  .card-outer:-moz-any(:hover,:focus,.active):not(.placeholder),
  715. .collapsible-section .section-disclaimer button:hover:not(.dismiss),  .top-sites-list .top-site-outer.active .tile,
  716. .top-sites-list .top-site-outer:focus .tile,  .top-sites-list .top-site-outer:hover .tile {
  717. box-shadow: 0 0 0 5px var(--in-content-box-background)!important;
  718. }
  719. .card-outer .context-menu-button,
  720. .top-sites-list .top-site-outer .context-menu-button {
  721. background-color: var(--in-content-page-color)!important;
  722. background-image: url(chrome://browser/skin/page-action.svg)!important;
  723. border: 1px solid!important;
  724. filter: invert(95%)!important;
  725. box-shadow: none!important;
  726. border-color: var(--in-content-page-color)!important;
  727. }
  728. #onboarding-notification-body *,
  729. #onboarding-notification-tour-title,
  730. .collapsible-section .section-disclaimer,
  731. .manual-migration-container,
  732. .onboarding-close-btn,
  733. .prefs-pane .prefs-modal-inner-wrapper {
  734. color: var(--in-content-page-color)!important;
  735. }
  736. .collapsible-section .section-disclaimer button,
  737. .onboarding-action-button {
  738. background-color: var(--in-content-page-background)!important;
  739. border-color: var(--in-content-box-border-color)!important;
  740. color: var(--in-content-page-color)!important;
  741. }
  742. .actions button,
  743. .actions button.dismiss,
  744. .onboarding-action-button:hover,
  745. .prefs-pane-button button:hover {
  746. background-color: var(--in-content-box-background-hover)!important;
  747. }
  748. .actions button.done,
  749. .onboarding-tour-action-button {
  750. background-color: var(--in-content-primary-button-background)!important;
  751. }
  752. .onboarding-tour-action-button:hover {
  753. background-color: var(--in-content-primary-button-background-hover)!important;
  754. }
  755. .icon.icon-dismiss {
  756. fill: var(--in-content-page-color)!important;
  757. }
  758. .context-menu ul.context-menu-list li.context-menu-item a:hover span.icon {
  759. fill: var(--in-content-text-color)!important;
  760. }
  761. .dialogBox > .groupbox-title {
  762. background-color: var(--in-content-category-header-background)!important;
  763. color: var(--in-content-page-color)!important;
  764. border-color: var(--in-content-box-border-color)!important;
  765. }
  766. .warningMessage {
  767. background: var(--in-content-box-background)!important;
  768. border-color: var(--in-content-box-border-color)!important;
  769. color: var(--in-content-page-color)!important;
  770. }
  771. #badCertAdvancedPanel.advanced-panel,
  772. #content > div,
  773. .info-box-content,
  774. .notice,
  775. div.opsRow,
  776. div.section {
  777. background-color: var(--in-content-box-background)!important;
  778. border-color: var(--in-content-box-border-color)!important;
  779. }
  780. .bar-inner {
  781. background-color: var(--accent-1)!important;
  782. border: 1px solid!important;
  783. border-color: var(--accent-2)!important;
  784. }
  785. #content div.log span.section-heading button.no-print,
  786. #content div.stats span.section-heading button.no-print,
  787. #controls.no-print div.controls div.control button,
  788. #controls.no-print div.controls div.control button input#appid,
  789. #errorPageContainer button#errorTryAgain,
  790. .aboutPageWideContainer label input#submit,
  791. .opsRow button {
  792. -moz-appearance: none!important;
  793. background-color: var(--in-content-page-background)!important;
  794. border: 1px solid!important;
  795. border-radius: 3px!important;
  796. color: var(--in-content-page-color)!important;
  797. border-color: var(--in-content-box-border-color)!important;
  798. }
  799. .opsRow button {
  800. margin-right: 2px!important;
  801. }
  802. input#appid {
  803. background-color: var(--in-content-box-background)!important;
  804. }
  805. #profiles.tab div table tbody tr td {
  806. border-color: var(--in-content-table-border-dark-color)!important;
  807. }
  808. .actions,
  809. .context-menu-list li.separator,
  810. .edit-topsites-wrapper .edit-topsites-button,
  811. .modal,
  812. .prefs-pane hr,
  813. .topsite-form .form-wrapper input[type=text] {
  814. border-color: var(--in-content-box-border-color)!important;
  815. }
  816. #outside table.contenttable thead tr th {
  817. background-color: var(--in-content-table-header-background)!important;
  818. }
  819. #outside table.contenttable {
  820. border-color: var(--in-content-table-border-dark-color)!important;
  821. background-color: var(--in-content-box-background)!important;
  822. }
  823. #outside table.contenttable tbody tr td,
  824. #outside table.contenttable tbody tr td + #outside table.contenttable tbody tr td,
  825. #outside table.contenttable thead tr th + th {
  826. border-color: var(--in-content-table-border-dark-color)!important;
  827. }
  828. #outside table.contenttable tbody tr td {
  829. color: var(--in-content-page-color)!important;
  830. }
  831. .card-outer .card-context {
  832. padding: 2px 16px 12px 14px!important;
  833. }
  834. .card-outer.placeholder .card {
  835. display: none!important;
  836. }
  837. .context-menu {
  838. background-color: var(--in-content-box-background)!important;
  839. box-shadow: none!important;
  840. border: 1px!important;
  841. }
  842. .context-menu > ul > li > a:focus,
  843. .context-menu > ul > li > a:hover {
  844. background-color: var(--theme-selection-background-hover)!important;
  845. }
  846. #searchText:active,
  847. #searchText:focus,
  848. .search-wrapper input:focus,
  849. .search-wrapper:active input {
  850. box-shadow: 0 0 0 3px var(--in-content-border-focus)!important;
  851. }
  852. .prefs-pane .actions {
  853. border-top: none!important;
  854. }
  855. }
  856. @-moz-document url-prefix(about:reader) {
  857. body.dark a:link {
  858. color: var(--in-content-link-color)!important;
  859. }
  860. .font-type-buttons > .sans-serif-button > .name,
  861. .font-type-buttons > .serif-button > .name,
  862. body.dark {
  863. color: var(--in-content-page-color)!important;
  864. }
  865. .toolbar {
  866. background-color: var(--in-content-category-header-background)!important;
  867. border-right: 1px solid!important;
  868. border-color: var(--in-content-box-border-color)!important
  869. }
  870. .toolbar .button {
  871. background-color: var(--in-content-category-header-background)!important;
  872. border-color: var(--in-content-box-border-color)!important;
  873. }
  874. .button:hover,
  875. .content-width-buttons > button:hover,
  876. .font-size-buttons > button:hover,
  877. .font-type-buttons > button:hover,
  878. .line-height-buttons > button:hover {
  879. background-color: var(--in-content-primary-button-background-hover)!important;
  880. }
  881. .dropdown-popup {
  882. background-color: var(--in-content-category-header-background)!important;
  883. box-shadow: 0 1px 3px var(--in-content-category-header-background)!important;
  884. border-color: var(--in-content-box-border-color)!important;
  885. }
  886. .content-width-buttons > button,
  887. .font-size-buttons > button,
  888. .font-type-buttons > button,
  889. .font-type-buttons > button.selected,
  890. .font-type-buttons > button:active:hover,
  891. .line-height-buttons > button {
  892. border-color: var(--in-content-box-border-color)!important;
  893. }
  894. .color-scheme-buttons > button.selected,
  895. .color-scheme-buttons > button:active:hover,
  896. .font-type-buttons > button.selected,
  897. .font-type-buttons > button:active:hover {
  898. box-shadow: inset 0 -3px 0 0 var(--in-content-primary-button-background-hover)!important;
  899. }
  900. }*/
  901. /*@-moz-document url-prefix(chrome://) {
  902. #ColorsDialogPane,
  903. #ConnectionsDialogPane,
  904. #FontsDialogPane,
  905. #LanguagesDialogPane,
  906. .windowDialog,
  907. dialog,
  908. prefpane,
  909. prefpane > .content-box,
  910. prefwindow,
  911. window {
  912. background-color: var(--in-content-page-background)!important;
  913. color: var(--in-content-page-color)!important;
  914. }
  915. #cookieInfoGrid .textbox-input {
  916. background-color: var(--in-content-page-background)!important;
  917. }
  918. #historyItems {
  919. -moz-appearance: none!important;
  920. }
  921. }
  922. */
  923. /*@-moz-document regexp("^[file:///].*[^(html)]$") {
  924. :root {
  925. background-color: var(--in-content-page-background)!important
  926. }
  927. body {
  928. border-color: var(--in-content-box-background)!important;
  929. background-color: var(--in-content-box-background)!important;
  930. color: var(--in-content-page-color)!important;
  931. }
  932. h1 {
  933. border-color: var(--in-content-box-border-color)!important;
  934. }
  935. body > table > tbody > tr:hover {
  936. outline-color: var(--in-content-box-background-hover)!important;
  937. background-color: var(--in-content-box-background-hover)!important;
  938. }
  939. .dir,
  940. .file,
  941. .symlink,
  942. .up {
  943. color: var(--in-content-link-color)!important
  944. }
  945. }
  946. @-moz-document regexp("^moz-extension://.*manifest.json$") {
  947. html {
  948. background: var(--in-content-page-background)!important;
  949. color: var(--in-content-page-color)!important;
  950. }
  951. }*/
  952. /*@-moz-document regexp(".*\\.(p|P)(d|D)(f|F).*") {
  953. #loadingBar .progress,
  954. .dropdownToolbarButton > select,
  955. .dropdownToolbarButton > select > option,
  956. .overlayButton,
  957. .secondaryToolbarButton,
  958. .toolbarField,
  959. body,
  960. div#viewer {
  961. background-color: var(--in-content-box-background)!important;
  962. }
  963. body {
  964. background-image: none!important;
  965. }
  966. .splitToolbarButtonSeparator,
  967. .verticalToolbarSeparator {
  968. box-shadow: none!important;
  969. background-color: var(--in-content-box-background)!important
  970. }
  971. div#toolbarViewer {
  972. background-color: var(--in-content-category-header-background)!important
  973. }
  974. #numPages,
  975. #pageNumber,
  976. #scaleSelect {
  977. color: var(--in-content-page-color)!important
  978. }
  979. .pdfViewer .page {
  980. border-image: none!important
  981. }
  982. #pageNumber,
  983. #scaleSelectContainer {
  984. border: 1px solid!important
  985. }
  986. #loadingBar {
  987. position: relative;
  988. width: 100%;
  989. height: 4px;
  990. background-color: var(--theme-selection-background-hover)!important;
  991. border-bottom: 1px solid!important
  992. }
  993. #sidebarContainer,
  994. #sidebarContent {
  995. background-color: var(--in-content-page-background)!important
  996. }
  997. #toolbarSidebar {
  998. background-color: var(--in-content-category-header-background)!important;
  999. background-image: none!important;
  1000. border-color: var(--in-content-box-background)!important
  1001. }
  1002. .doorHanger,
  1003. .doorHangerRight {
  1004. border: 1px solid!important;
  1005. border-color: var(--in-content-box-background)!important;
  1006. box-shadow: none!important
  1007. }
  1008. #toolbarContainer,
  1009. .findbar,
  1010. .secondaryToolbar {
  1011. background-color: var(--in-content-box-background)!important;
  1012. background-image: none!important
  1013. }
  1014. .dropdownToolbarButton,
  1015. .overlayButton,
  1016. .secondaryToolbarButton,
  1017. .toolbarButton {
  1018. border: none!important;
  1019. color: var(--in-content-page-color)!important
  1020. }
  1021. .dropdownToolbarButton,
  1022. .overlayButton,
  1023. .toolbarButton:focus,
  1024. .toolbarButton:hover {
  1025. background-color: var(--in-content-box-background)!important;
  1026. background-image: none!important;
  1027. border: none!important;
  1028. box-shadow: none!important
  1029. }
  1030. .secondaryToolbarButton:focus,
  1031. .secondaryToolbarButton:hover {
  1032. background-color: var(--in-content-page-background)!important;
  1033. background-image: none!important;
  1034. box-shadow: none!important
  1035. }
  1036. .secondaryToolbarButton::before,
  1037. .toolbarButton::before {
  1038. filter: invert(20%)!important
  1039. }
  1040. .secondaryToolbarButton.toggled,
  1041. .splitToolbarButton.toggled > .toolbarButton.toggled,
  1042. .toolbarButton.toggled {
  1043. background-color: var(--in-content-page-background)!important;
  1044. background-image: none!important;
  1045. box-shadow: none!important;
  1046. color: var(--in-content-selected-text)!important
  1047. }
  1048. .horizontalToolbarSeparator {
  1049. background-color: var(--in-content-box-border-color)!important;
  1050. box-shadow: none!important
  1051. }
  1052. }
  1053. */
  1054. /*@-moz-document url-prefix(https://raw.githubusercontent.com) {
  1055. html {
  1056. background: var(--in-content-page-background)!important;
  1057. color: var(--in-content-page-color)!important
  1058. }
  1059. }*/
  1060. /*@-moz-document url-prefix(view-source) {
  1061. :root {
  1062. background-color: var(--in-content-page-background)!important;
  1063. color: var(--in-content-page-color)!important
  1064. }
  1065. pre[id]:before,
  1066. span[id]:before {
  1067. color: var(--in-content-page-color)!important
  1068. }
  1069. .highlight .end-tag,
  1070. .highlight .start-tag {
  1071. color: var(--theme-highlight-purple)!important
  1072. }
  1073. .highlight .comment {
  1074. color: var(--theme-highlight-green)!important
  1075. }
  1076. .highlight .cdata {
  1077. color: #c06!important
  1078. }
  1079. .highlight .doctype {
  1080. color: #4682b4!important
  1081. }
  1082. .highlight .pi {
  1083. color: var(--theme-highlight-red)!important
  1084. }
  1085. .highlight .entity {
  1086. color: #dea174!important
  1087. }
  1088. .highlight .attribute-name {
  1089. color: var(--theme-highlight-green)!important
  1090. }
  1091. .highlight .attribute-value {
  1092. color: var(--theme-highlight-blue)!important
  1093. }
  1094. .highlight .markupdeclaration {
  1095. color: #4682b4!important
  1096. }
  1097. .highlight .error,
  1098. .highlight .error > :-moz-any(.start-tag,.end-tag,.comment,.cdata,.doctype,.pi,.entity,.attribute-name,.attribute-value) {
  1099. color: #de7474!important
  1100. }
  1101. }
  1102. */
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108. /*
  1109. Name: Firefox Transparent Images
  1110. Version: 1.1.0
  1111. Description: Removes the white background when viewing images with transparency directly.
  1112. Copyright: hyperfekt
  1113. License: CC0 Public Domain Dedication (https://creativecommons.org/publicdomain/zero/1.0/)
  1114. */
  1115.  
  1116. @-moz-document regexp("(data:image/.*|.*\\.(png|gif|webp|bmp|tiff?|jp2|jpx))") {
  1117. img.transparent {
  1118. background: none !important;
  1119. color: rgba(255,255,255,1) !important;
  1120. }
  1121. }
  1122.  
  1123. @-moz-document regexp("data:image/(svg).*|.*\\.(svg)") {
  1124. :root {
  1125. background: url("chrome://global/skin/media/imagedoc-darknoise.png") !important;
  1126.  
  1127. color: rgba(255,255,255,1) !important;
  1128. }
  1129. }
  1130. /*
  1131. @-moz-document
  1132.  
  1133. url("about:home"),
  1134. url("about:newtab"),
  1135. regexp("^ftp://.*/"),
  1136. *//*
  1137. url("about:about"),
  1138. url("about:accounts"),
  1139. url("about:addons"),
  1140. url("about:blank"),
  1141. url("about:buildconfig"),
  1142. url("about:cache"),
  1143. url-prefix("about:certerror"),
  1144. url("about:checkerboard"),
  1145. url-prefix("about:config"),
  1146. url("about:crashes"),
  1147. url("about:downloads"),
  1148. url("about:lastpassvault"),
  1149. url("about:license"),
  1150. url("about:memory"),
  1151. url-prefix("about:neterror"),
  1152. url("about:performance"),
  1153. url("about:plugins"),
  1154. url("about:profiles"),
  1155. url("about:preferences"),
  1156. url("about:preferences#search"),
  1157. url("about:preferences#general"),
  1158. url("about:preferences#privacy"),
  1159. url("about:preferences#sync"),
  1160. url("about:permissions"),
  1161. url("about:rights"),
  1162. url("about:robots"),
  1163. url("about:serviceworkers"),
  1164. url("about:sessionrestore"),
  1165. url("about:sessionstore"),
  1166. url-prefix("about:studies"),
  1167. url("about:support"),
  1168. url("about:sync-log"),
  1169. url("about:sync-tabs"),
  1170. url-prefix("about:tabcrashed"),
  1171. url("about:telemetry"),
  1172. url("about:webrtc"),
  1173. url("about:welcomeback"),
  1174. url("https://www.mozilla.org/credits/")
  1175.  
  1176. {
  1177.  
  1178.  
  1179. *|*:root {
  1180. --in-content-page-color: #e2e2e2 !important;
  1181. --in-content-page-background: #777777 !important;
  1182. --in-content-text-color: #e2e2e2 !important;
  1183. --in-content-selected-text: #fff !important;
  1184. --in-content-box-background: #373738 !important;
  1185. --in-content-box-background-odd: #f3f6fa !important;
  1186. --in-content-box-background-hover: #424242 !important;
  1187. --in-content-box-background-active: #454545 !important;
  1188. --in-content-box-border-color: #424242 !important;
  1189. --in-content-item-hover: rgba(0,149,221,0.25) !important;
  1190. --in-content-item-selected: #0a84ff !important;;
  1191. --in-content-border-highlight: #0a84ff !important;;
  1192. --in-content-border-focus: #0a84ff !important;;
  1193. --in-content-border-color: #1d1d1d !important;
  1194. --in-content-category-outline-focus: 1px dotted #0a84ff !important;;
  1195. --in-content-category-text: #e2e2e2 !important;
  1196. --in-content-category-text-active: #0a84ff !important;
  1197. --in-content-category-text-selected: #e2e2e2 !important;
  1198. --in-content-category-text-selected-active: #0060df !important;
  1199. --in-content-category-background-hover: rgba(12,12,13,0.1) !important;;
  1200. --in-content-category-background-active: rgba(12,12,13,0.15) !important;;
  1201. --in-content-category-background-selected-hover: rgba(12,12,13,0.15) !important;;
  1202. --in-content-category-background-selected-active: rgba(12,12,13,0.2) !important;;
  1203. --in-content-tab-color: #424f5a !important;;
  1204. --in-content-link-color: #e2e2e2 !important;;
  1205. --in-content-link-color-hover: #0060df !important;;
  1206. --in-content-link-color-active: #003eaa !important;;
  1207. --in-content-link-color-visited: #0a8dff !important;;
  1208. --in-content-primary-button-background: #232323 !important;
  1209. --in-content-primary-button-background-hover: #0060df !important;;
  1210. --in-content-primary-button-background-active: #003EAA !important;;
  1211. --in-content-table-border-dark-color: #d1d1d1 !important;
  1212. --in-content-table-header-background: #232323 !important;
  1213. }
  1214. /* about:home - about:newtab - about-blank */
  1215. /*
  1216. #newtab-scrollbox > #newtab-vertical-margin,
  1217. body {
  1218. color: #e2e2e2 !important;
  1219. background-color: #232323 !important;
  1220. }
  1221.  
  1222. .context-menu {
  1223. background: #4c4c4d !important;
  1224. }
  1225. .icon {
  1226. fill: rgb(222, 222, 222) !important;
  1227. }
  1228.  
  1229. textbox  {
  1230. color: #e2e2e2 !important;
  1231. background-color: #373738 !important;
  1232. border: 1px solid #1d1d1d !important;
  1233. }
  1234.  
  1235. .textbox-contextmenu {
  1236. color: #e2e2e2 !important;
  1237. background-color: #373738 !important;
  1238. border: 1px solid #1d1d1d !important;
  1239. }
  1240.  
  1241. .title-text {
  1242. color: #e2e2e2 !important;
  1243. }
  1244.  
  1245. xul|treecol:not([hideheader="true"]), xul|treecolpicker {
  1246. color: #e2e2e2 !important;
  1247. background-color: rgb(35,35,35) !important;
  1248. }
  1249.  
  1250. .contentSearchSuggestionTable, .contentSearchSuggestionsList {
  1251. color: #e2e2e2 !important;
  1252. background-color: #373738 !important;
  1253. cursor: pointer !important;
  1254. }
  1255.  
  1256. .contentSearchHeader {
  1257. background-color: #424242 !important;
  1258. color: #e2e2e2 !important;
  1259. border-bottom: 1px solid hsl(0, 0%, 15.3%) !important;
  1260. }
  1261.  
  1262. .contentSearchSuggestionsList {
  1263. border-bottom: 1px solid hsl(0, 0%, 15.3%) !important;
  1264. }
  1265.  
  1266. .contentSearchSettingsButton {
  1267. border-top: 1px solid hsl(0, 0%, 15.3%) !important;
  1268. }
  1269. .section-title span {
  1270. color: #e2e2e2 !important;
  1271. fill: #e2e2e2 !important;
  1272. }
  1273.  
  1274. .top-sites-list.activity-stream  .top-site-outer.activity-stream .context-menu-button.activity-stream {
  1275. fill: rgba(255, 255, 255, 0.8) !important;
  1276. }
  1277. .top-sites-list .top-site-outer .context-menu-button {
  1278. background-color: #565656 !important;
  1279. }
  1280.  
  1281. .prefs-pane-button button {
  1282. fill: #e2e2e2 !important;
  1283. }
  1284.  
  1285. .prefs-pane .sidebar {
  1286. color: #d7d7db !important;
  1287. background-color: #424242 !important;
  1288. border-left: 1px solid #424242 !important;
  1289. }
  1290.  
  1291. .prefs-pane .actions {
  1292. background-color: #424242 !important;
  1293. border-left: 1px solid #424242 !important;
  1294. }
  1295.  
  1296. .prefs-pane-button button:hover {
  1297. background-color: #424242 !important; }
  1298. .prefs-pane-button button:active {
  1299. background-color: #414141 !important; }
  1300.  
  1301. .prefs-button.icon.icon-dismiss:hover {
  1302. background-color: #515151 !important;
  1303. }
  1304.  
  1305. .prefs-pane .prefs-modal-inner-wrapper .options {
  1306. background: #3E3E3E !important;
  1307. border: 1px solid #606060 !important;
  1308. }
  1309.  
  1310. .search-wrapper input {
  1311. background-color: #373738 !important;
  1312. }
  1313.  
  1314. .search-wrapper .search-label {
  1315. fill: rgba(255, 255, 255, 0.5) !important;
  1316. }
  1317.  
  1318. .search-wrapper .search-button {
  1319. fill: rgba(255, 255, 255, 0.5) !important;
  1320. }
  1321.  
  1322. .card-outer {
  1323. background-color: #2D2D2D !important;
  1324. }
  1325.  
  1326. .card-outer .card-context-icon {
  1327. fill: rgba(255, 255, 255, 0.6) !important;
  1328. }
  1329.  
  1330.  
  1331. #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog {
  1332. background-color: #515151 !important;
  1333. border: 1px solid rgba(143, 143, 143, 0.2) !important;
  1334. }
  1335.  
  1336. #onboarding-overlay {
  1337. color: #e2e2e2 !important;
  1338. background-color: rgba(60, 60, 60, 0.9) !important;
  1339. }
  1340. .collapsible-section .section-top-bar .info-option-icon {
  1341. fill: #e2e2e2 !important;
  1342. }
  1343. .collapsible-section .section-top-bar .info-option {
  1344. background-color:#424242 !important;
  1345. }
  1346.  
  1347. .modal {
  1348. color: #e2e2e2 !important;
  1349. background-color: #4d4d4d !important;
  1350. border: 1px solid #656565 !important;
  1351. }
  1352. .modal-overlay {
  1353. color: #e2e2e2 !important;
  1354. background-color: rgba(60, 60, 60, 0.9) !important;
  1355. }
  1356.  
  1357. .actions button {
  1358. background-color: #474747 !important;
  1359. border: 1px solid #535353 !important;
  1360. }
  1361.  
  1362. .actions button.done {
  1363. background-color: #0060DF !important;
  1364. }
  1365.  
  1366. /* Preferences */
  1367. /*
  1368. page {
  1369. color: #e2e2e2 !important;
  1370. background-color: #232323 !important;
  1371.  
  1372. }
  1373.  
  1374. richlistbox {
  1375. color: #e2e2e2 !important;
  1376. }
  1377.  
  1378. .category-name {
  1379. color: #e2e2e2 !important;
  1380. }
  1381.  
  1382. .category[selected], .category.selected {
  1383. color: #0060df !important;
  1384. background-color: #363636 !important;
  1385. }
  1386.  
  1387. .category-icon {
  1388. fill: #e2e2e2 !important;
  1389. }
  1390.  
  1391. .category:hover {
  1392. color: #0060df !important;
  1393. background-color: #2a2a2a !important;
  1394. }
  1395.  
  1396. #categories {
  1397. color: #e2e2e2 !important;
  1398. }
  1399.  
  1400. .search-container {
  1401. color: #e2e2e2 !important;
  1402. background-color: rgb(35,35,35) !important;
  1403.  
  1404. }
  1405.  
  1406. .homepage-button {
  1407. background-color: rgb(35,35,35) !important;
  1408. color: #e2e2e2 !important;
  1409. border: 1px solid #424242 !important;
  1410. }
  1411.  
  1412. .homepage-button:hover:not([disabled="true"]) {
  1413. background-color: #424242 !important;
  1414. color: #e2e2e2 !important;
  1415. }
  1416. .accessory-button {
  1417. background-color: rgb(35,35,35) !important;
  1418. color: #e2e2e2 !important;
  1419. border: 1px solid #424242 !important;
  1420.  
  1421. }
  1422. .accessory-button:hover:not([disabled="true"]) {
  1423. background-color: #424242 !important;
  1424. color: #e2e2e2 !important;
  1425. }
  1426. #handlersView {
  1427. background-color: rgb(35,35,35) !important;
  1428. border: 1px solid #424242;
  1429. }
  1430.  
  1431. .subcategory:not([hidden]) ~ .subcategory {
  1432. border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  1433. }
  1434.  
  1435. menulist {
  1436. color: #e2e2e2 !important;
  1437. background-color: rgb(35,35,35) !important;
  1438. border: 1px solid #424242 !important;
  1439. }
  1440.  
  1441. .menulist-dropmarker {
  1442. fill: #e2e2e2 !important;
  1443. }
  1444.  
  1445. menupopup, panel  {
  1446. color: #e2e2e2 !important;
  1447. background-color: #424242 !important;
  1448. border: 1px solid #1d1d1d !important;
  1449. }
  1450.  
  1451. menu, menuitem, menucaption  {
  1452. color: #e2e2e2 !important;
  1453. }
  1454. .dialogBox > .groupbox-title {
  1455. color: #e2e2e2 !important;
  1456. background-color: #414141 !important;
  1457. }
  1458.  
  1459. .prefwindow[type="child"] {
  1460. background-color: #414141 !important;
  1461. }
  1462.  
  1463. .prefpane, #ConnectionsDialogPane {
  1464. background-color: #414141 !important;
  1465. }
  1466.  
  1467. xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent):not(.learnMore):not(.tail-with-learn-more),
  1468. xul|groupbox xul|description {
  1469. color: #e2e2e2 !important;
  1470. }
  1471.  
  1472. }
  1473.  
  1474. /* arc theme about: pages */
  1475. /*
  1476. @-moz-document url-prefix(about:) {
  1477. :root {
  1478. --primary-background: rgba(30, 143, 255, 0.438)!important;
  1479. --secondary-background: #242e3b!important;
  1480. --primary-font-color: #C1D6DB!important;
  1481. --highlighted-font-color: #ffffff!important;
  1482. --primary-border: 1px solid #2c3847!important;
  1483. --bright-border: 1px solid #8EAFB6!important;
  1484. --border-color: #2c3847!important;
  1485. --bright-border-color: #8EAFB6!important;
  1486. --primary-icon-color: #a9bdc2!important;
  1487. --faded-bright-border-color: rgba(142, 175, 182, .65)!important;
  1488. --in-content-border-focus: var(--bright-border-color)!important;
  1489. }
  1490. }
  1491.  
  1492. @-moz-document
  1493. url-prefix(about:addons)
  1494. {
  1495. .main-content, #main-footer, #dialogueBox {
  1496. background-color: var(--primary-background)!important;
  1497. color: var(--primary-font-color)!important;
  1498. }
  1499.  
  1500. #nav-header, #categories {
  1501. background-color: var(--secondary-background)!important;
  1502. border-right: var(--primary-border)!important;
  1503. }
  1504.  
  1505. .category {
  1506. color: var(--primary-font-color)!important;
  1507. }
  1508.  
  1509. .category[selected], .category.selected {
  1510. background: var(--primary-background)!important;
  1511. border-left: 3px solid!important;
  1512. }
  1513.  
  1514. .addon {
  1515. border-bottom: var(--bright-border)!important;
  1516. color: var(--primary-font-color)!important;
  1517. }
  1518.  
  1519. description, label {
  1520. color: var(--primary-font-color)!important;
  1521. }
  1522.  
  1523. button.button-link:hover {
  1524. color: var(--bright-border-color)!important;
  1525. }
  1526.  
  1527. .detail-row, .detail-row-complex, setting {
  1528. text-shadow: none!important;
  1529. }
  1530.  
  1531. :root {
  1532. --in-content-page-background: var(--secondary-background)!important;
  1533. --in-content-text-color: var(--primary-font-color)!important;
  1534. --in-content-box-border-color: var(--bright-border-color)!important;
  1535. --in-content-box-background: var(--secondary-background)!important;
  1536. --in-content-box-background-hover: var(--secondary-background)!important;
  1537. }
  1538.  
  1539. #header-utils-btn:hover{
  1540. background-color: var(--secondary-background)!important;
  1541. }
  1542.  
  1543. .alert {
  1544. background-color: var(--secondary-background)!important;
  1545. }
  1546.  
  1547. .addon-target-container {
  1548. background-color: var(--secondary-background)!important;
  1549. border: var(--primary-border)!important;
  1550. }
  1551.  
  1552. .addon-target-actions {
  1553. border-top: var(--bright-border)!important;
  1554. }
  1555. }
  1556. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!