API tools faq
paste
difool2nice

userContent.css 2020

difool2nice
Oct 6th, 2020
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 41.98 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix("about:") {
  2.     :root {
  3.         --in-content-border-hover: #1e90ff80 !important;
  4.         --in-content-border-active: #1e90ff !important;
  5.         --in-content-border-active-shadow: #1e90ff40 !important;
  6.     }
  7.  
  8.     * {
  9.         font-family: "Fira Sans" !important;
  10.  
  11.     }
  12.  
  13. }
  14.  
  15. @-moz-document url(about:blank),
  16. url-prefix(about:newtab) {
  17.  
  18.     #newtab-window,
  19.     #newtab-customize-overlay,
  20.     html {
  21.         background: #161825 !important;
  22.         color: white !important;
  23.         font-family: Fira Sans !important;
  24.     }
  25. }
  26.  
  27. @-moz-document url-prefix("https://ftp.mozilla.org/pub/firefox/releases/") {
  28.  
  29.     * {
  30.         background-color: #161825 !important;
  31.         color: white !important;
  32.         font-family: "Fira Sans" !important;
  33.         font-size: 14px !important;
  34.         font-weight: bold !important;
  35.  
  36.     }
  37.  
  38. }
  39.  
  40. ::selection {
  41.     background: #1e90ff !important;
  42.     color: white !important;
  43. }
  44.  
  45. /*---------------------------------*/
  46.  
  47.  
  48. /*---------------------------------UBLOCK ORIGIN ---------------------*/
  49.  
  50. @-moz-document url-prefix("moz-extension://ad2ba683-e23a-449d-854a-d528b8e793d3/") {
  51.  
  52.     /* see this to tweak : https://github.com/gorhill/uBlock/blob/master/src/css/cloud-ui.css*/
  53.  
  54.  
  55.     body,
  56.     #sticky,
  57.     #main {
  58.         font-family: Fira Sans !important;
  59.         background-color: #161825 !important;
  60.         color: #ffffff !important;
  61.     }
  62.  
  63.     hr {
  64.         display: none !important;
  65.     }
  66.  
  67.     a {
  68.         color: #888 !important;
  69.     }
  70.  
  71.     .fa-icon {
  72.         fill: white !important;
  73.         color: white !important;
  74.     }
  75.  
  76.     h2 {
  77.         background-color: #161825 !important;
  78.         color: #ffffff !important;
  79.     }
  80.  
  81.     code {
  82.         background-color: #161825 !important;
  83.     }
  84.  
  85.     #switch .fa-icon {
  86.         fill: #1e90ff !important;
  87.     }
  88.  
  89.     #switch .fa {
  90.         fill: #1e90ff !important;
  91.     }
  92.  
  93.     html#ublock0-epicker,
  94.     #ublock0-epicker body {
  95.         background: #161825 !important;
  96.         color: white !important;
  97.     }
  98.  
  99.     #ublock0-epicker aside {
  100.         background-color: black !important;
  101.     }
  102.  
  103.     body.off #switch .fa {
  104.         color: #555 !important;
  105.     }
  106.  
  107.     .tool {
  108.         background-color: #161825 !important;
  109.         color: #ffffff !important;
  110.     }
  111.  
  112.     .tool.enabled:hover {
  113.         background-color: #161825 !important;
  114.         fill: #1e90ff !important;
  115.         color: #1e90ff !important;
  116.     }
  117.  
  118.     .permatoolbar {
  119.         background-color: #161825 !important;
  120.     }
  121.  
  122.     .permatoolbar .button {
  123.         background-color: #161825 !important;
  124.     }
  125.  
  126.     .permatoolbar .button:hover {
  127.         fill: #1e90ff !important;
  128.         color: #1e90ff !important;
  129.         background-color: #161825 !important;
  130.     }
  131.  
  132.     #tooltip {
  133.         background-color: #000000 !important;
  134.         border: 1px solid #000000 !important;
  135.         color: #ffffff !important;
  136.     }
  137.  
  138.     #firewall {
  139.         background: #161825 !important;
  140.     }
  141.  
  142.     #firewall>div {
  143.         background-color: #333 !important;
  144.     }
  145.  
  146.     #firewall>div:hover {
  147.         background-color: #444 !important;
  148.     }
  149.  
  150.     #firewall>div>span {
  151.         background-color: #161825 !important;
  152.         color: #ffffff !important;
  153.         /*border-bottom: 1px solid #111 !important;*/
  154.     }
  155.  
  156.     #firewall>div>span:first-of-type~span {
  157.         border-left: 1px solid #111 !important;
  158.     }
  159.  
  160.     #extraTools {
  161.         background-color: #161825 !important;
  162.     }
  163.  
  164.     #extraTools>span:hover {
  165.         fill: #1e90ff !important;
  166.     }
  167.  
  168.     #dashboard-nav {
  169.         background-color: #111 !important;
  170.         border-bottom: 1px solid #777 !important;
  171.     }
  172.  
  173.     #dashboard-nav-widgets {
  174.         background-color: #111 !important;
  175.         border-bottom: 1px solid #777 !important;
  176.     }
  177.  
  178.     .tabButton {
  179.         background-color: #161825 !important;
  180.         border: 0px solid #16182580 !important;
  181.         border-bottom: 0px solid #777 !important;
  182.         color: #ffffff !important;
  183.     }
  184.  
  185.     .tabButton.selected {
  186.         background-color: #1e90ff !important;
  187.         color: white !important;
  188.         border-bottom: 0px solid #222 !important;
  189.     }
  190.  
  191.     #diff li {
  192.         background-color: #555 !important;
  193.     }
  194.  
  195.     #diff li:nth-child(even) {
  196.         background-color: #444 !important;
  197.     }
  198.  
  199.     #diff textarea {
  200.         background-color: #333 !important;
  201.         color: #ffff !important;
  202.     }
  203.  
  204.     hr {
  205.         display: none !important;
  206.     }
  207.  
  208.     .fieldset-header {
  209.         color: white !important;
  210.     }
  211.  
  212.     #loggerSettingsDialog,
  213.     #modalOverlayContainer,
  214.     #netFilteringDialog,
  215.     #netFilteringDialog>.panes>.details>div,
  216.     #netFilteringDialog>div.panes>.dynamic .row {
  217.         background-color: #161825 !important;
  218.         border-color: grey !important;
  219.     }
  220.  
  221.     #domTree {
  222.         color: white !important;
  223.     }
  224.  
  225.     #ruleFilter input,
  226.     input[type=number] {
  227.         -moz-appearance: none !important;
  228.         background-color: #161825 !important;
  229.         border: 1px solid !important;
  230.         border-color: #161825 !important;
  231.         color: white !important;
  232.     }
  233.  
  234.     #cloudWidget {
  235.         background: #161825 !important;
  236.         color: #ffffff !important;
  237.         color: #ffffff !important;
  238.     }
  239.  
  240.     #cloudWidget>span {
  241.         background: #161825 !important;
  242.         color: #ffffff !important;
  243.         /*  fill: white !important;*/
  244.     }
  245.  
  246.     #cloudinfo {
  247.         background: #161825 !important;
  248.         color: #ffffff !important;
  249.     }
  250.  
  251.     :root {
  252.  
  253.         --checkmark: #ffffff80 !important;
  254.         --checkbox-checked-ink: var(--checkmark) !important;
  255.  
  256.     }
  257.  
  258.     button:hover {
  259.         background-color: #161825 !important;
  260.         fill: #1e90ff80
  261.     }
  262.  
  263.     button#cloudPush,
  264.     button#cloudPull,
  265.     button#cloudPullAndMerge {
  266.         background: #1e90ff !important;
  267.     }
  268.  
  269.     #actions {
  270.         background: #161825 !important;
  271.     }
  272.  
  273.     #ublock0_raymondhill_net-browser-action label {
  274.         color: white !important;
  275.         background-color: #1e90ff !important;
  276.         opacity: 1 !important;
  277.     }
  278.  
  279.     .CodeMirror-activeline-background {
  280.         background: #8ad !important
  281.     }
  282.  
  283.     /*****THIS IS A PLACEHOLDER COLOR CHOOSE SOMETHING NICER****/
  284.     #advancedSettings {
  285.         color: #f9f9fa !important;
  286.     }
  287.  
  288.     .CodeMirror {
  289.         background: #161825 !important;
  290.  
  291.         color: #f9f9fb !important;
  292.     }
  293.  
  294.     .CodeMirror-gutters {
  295.         background-color: #161825 !important;
  296.         border-right: 1px solid #32313c !important;
  297.     }
  298.  
  299.     .CodeMirror-merge-gap {
  300.         background: #161825 !important;
  301.         border-left: 1px solid #32313c !important;
  302.         border-right: 1px solid #32313c !important;
  303.     }
  304.  
  305.     /*---------------------------------------*/
  306.  
  307. }
  308.  
  309.  
  310.  
  311. /*-------------downloads sidebar webext tweaks dark ------------------*/
  312.  
  313. @-moz-document url("moz-extension://7daa4a0e-9887-4437-9ae9-0b05b77417fa/sidebar/panel.html") {
  314.  
  315.     html,
  316.     body {
  317.         font-family: Fira Sans !important;
  318.         background-color: #161825 !important;
  319.         color: #ffffff !important;
  320.     }
  321.  
  322.     .toolbar-item .btn,
  323.     .change-state-button,
  324.     .cancel-button,
  325.     .erase-button {
  326.         filter: invert(100%) !important;
  327.     }
  328.  
  329.     .progress {
  330.         border: 0px solid #303030 !important;
  331.         background-color: rgba(30, 143, 255, 0.5) !important;
  332.     }
  333.  
  334.     .toolbar-bottom {
  335.         border-top: 0px solid #303030 !important;
  336.     }
  337.  
  338.     .item:hover {
  339.         background-image: linear-gradient(to top, #1e90ff, #161825) !important;
  340.         border-radius: 0px !important;
  341.         box-shadow: 0 0 0px 4px #161825 !important;
  342.     }
  343.  
  344.     .item:selected {
  345.         background-image: linear-gradient(to top, #1e90ff, #161825) !important;
  346.         border-radius: 0px !important;
  347.         box-shadow: 0 0 0px 4px #161825 !important;
  348.     }
  349. }
  350.  
  351. .pictureInPictureToggleButton {
  352.     transition-duration: 300ms !important;
  353. }
  354.  
  355. .pictureInPictureToggleButton:hover {
  356.     cursor: pointer !important;
  357. }
  358.  
  359. .pictureInPictureToggleButton:not(:focused) {
  360.     height: 24px !important;
  361.     width: 30px !important;
  362. }
  363.  
  364. .pictureInPictureToggleButton {
  365.     height: 24px !important;
  366.     width: 30px !important;
  367.     /*margin-top: -60px !important;*/
  368.     background-color: #161825 !important;
  369.     outline: 1px solid #161825 !important;
  370. }
  371.  
  372. /* about:support*/
  373. @-moz-document url(about:support) {
  374.     body.wide-container {
  375.         background-color: #161825 !important;
  376.     }
  377. }
  378.  
  379. /* about:preferences */
  380. @-moz-document url(about:preferences) {
  381.     .sticky-container {
  382.         background-color: #161825 !important;
  383.     }
  384.  
  385.     :root {
  386.         font-family: Fira Sans !important;
  387.         background-color: #161825 !important;
  388.     }
  389.  
  390.     #categories>.category[selected],
  391.     #categories>.category.selected {
  392.         color: #1e90ff !important;
  393.         border-radius: 0px !important;
  394.     }
  395.  
  396.     checkbox:not([disabled="true"]):hover>.checkbox-check,
  397.     input[type="checkbox"]:not(:disabled):hover {
  398.         border-color: #1e90ff !important;
  399.     }
  400.  
  401.     radio:not([disabled="true"]):hover>.radio-check {
  402.         border-color: #1e90ff !important;
  403.     }
  404.  
  405.     .text-link {
  406.         color: #1e90ff !important;
  407.     }
  408.  
  409.     .content-blocking-category.selected {
  410.         border: 1px solid #1e90ff !important;
  411.         border-radius: 0px !important;
  412.         background-color: rgba(30, 143, 255, 0.5) !important;
  413.     }
  414.  
  415.     .sync-group.sync-configured {
  416.         border-radius: 0px !important;
  417.         background-color: rgba(30, 143, 255, 0.5) !important;
  418.         /*border: 1px solid var(--in-content-border-color);*/
  419.     }
  420.  
  421.  
  422.  
  423.     /* Changes colors on the page
  424. :root {
  425.     --in-content-page-color: #009bd4 !important;
  426.    
  427.     --in-content-page-background: #1a1a1a !important;
  428.    
  429.     -in-content-text-color: #009bd4 !important;
  430.     --in-content-category-text-selected: #009bd4 !important;
  431.     --in-content-border-color: #009bd4 !important;
  432.     --in-content-link-color: #009bd4 !important;
  433.     --in-content-border-active: none !important;
  434.     --in-content-border-active-shadow: none !important;
  435.     --in-content-category-text-selected-active: #009bd4 !important;
  436.     --in-content-category-background-hover: #000000 !important;
  437. }
  438.  
  439.     html|h1 {
  440.         color: #009bd4 !important;
  441.     } */
  442. }
  443.  
  444.  
  445. @-moz-document url('chrome://devtools/content/webconsole/index.html') {
  446.     .webconsole-output .info {
  447.         background-color: #161825 !important;
  448.         color: white !important;
  449.     }
  450. }
  451.  
  452. @-moz-document url('chrome://global/content/config.xhtml'),
  453. url('chrome://global/content/config.xhtml') {
  454.     :root {
  455.         font-family: Fira Sans !important;
  456.         font-size: 14px !important;
  457.         background-color: #161825 !important;
  458.         color: white !important;
  459.         fill: white !important;
  460.         opacity: 1 !important;
  461.     }
  462.  
  463. }
  464.  
  465. @-moz-document url('about:home'),
  466. url('about:newtab') {
  467.     .outer-wrapper {
  468.         background-color: #161825 !important;
  469.     }
  470.  
  471.     #newtab-search-text,
  472.     #searchSuggestionTable,
  473.     #searchSuggestionTable>tr,
  474.     #searchSuggestionTable>tr>td,
  475.     #searchSuggestionTable>table>tr>td,
  476.     #searchSuggestionTable>button {
  477.         background-color: #161825 !important;
  478.         color: #F8F8F2 !important;
  479.         fill: #F8F8F2 !important;
  480.     }
  481.  
  482.     .search-wrapper input {
  483.         box-shadow: rgba(248, 248, 242, 0.2) 0px 1px 4px 0px, rgba(238, 238, 232, 0.15) 0px 0px 0px 1px !important;
  484.     }
  485.  
  486.  
  487.     body {
  488.         background-color: #161825 !important;
  489.     }
  490.  
  491.     .prefs-button button {
  492.         fill: #161825 !important;
  493.     }
  494.  
  495.     .prefs-button button:hover,
  496.     .prefs-button button:focus {
  497.         background-color: transparent !important;
  498.     }
  499.  
  500.     .prefs-button button {
  501.         display: none !important;
  502.     }
  503. }
  504.  
  505.  
  506. @-moz-document url(about:blank),
  507. url(about:newtab),
  508. url(about:config) {
  509.  
  510.     #newtab-window,
  511.     html {
  512.         background: #161825 !important;
  513.         color: white !important;
  514.         font-family: Fira Sans !important;
  515.     }
  516. }
  517.  
  518. @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
  519.     :root {
  520.         --in-content-border-hover: #1e90ff !important;
  521.         --card-outline-color: #1e90ff !important;
  522.         --in-content-item-hover: rgba(30, 143, 255, 0.5) !important;
  523.  
  524.         --in-content-item-selected: #1e90ff !important;
  525.         background-color: #161825 !important;
  526.     }
  527.  
  528.     .sticky-container,
  529.     .main-search,
  530.     .main-heading,
  531.     .main-page-content {
  532.         background-color: #161825 !important;
  533.     }
  534.  
  535.     * {
  536.         font-family: "Fira Sans" !important;
  537.     }
  538.  
  539.     .addon.card {
  540.         border-radius: 0px !important;
  541.         background-color: #262A34 !important;
  542.         color: white !important;
  543.         /* #262A34 !important;*/
  544.     }
  545.  
  546.     :root {
  547.         overflow-x: hidden !important;
  548.     }
  549.  
  550.     /* Remove this if it causes horizontal scrolling problems */
  551.  
  552.     @media (min-width:720px) {
  553.         #main {
  554.             max-width: unset !important;
  555.             padding-right: 28px !important;
  556.         }
  557.     }
  558.  
  559.     addon-list>section,
  560.     recommended-addon-list {
  561.         padding: 1em !important;
  562.         display: grid !important;
  563.         grid-template-areas: "hd hd""cd cd" !important;
  564.         grid-template-columns: 1fr 1fr !important;
  565.         column-gap: 1em !important;
  566.  
  567.     }
  568.  
  569.     addon-card .card-contents {
  570.         width: unset !important;
  571.         white-space: initial !important;
  572.     }
  573.  
  574.     .card-heading-image {
  575.         max-width: calc(100% + 32px) !important;
  576.     }
  577.  
  578.     section>h2 {
  579.         grid-area: hd !important;
  580.     }
  581.  
  582.     addon-card {
  583.         padding-bottom: 0px !important;
  584.         padding-top: 0px !important;
  585.         grid-area: auto !important;
  586.  
  587.     }
  588.  
  589.     addon-card .addon-description {
  590.         height: 3em !important;
  591.         scrollbar-color: #1e90ff #161825 !important;
  592.         scrollbar-width: thin !important;
  593.     }
  594.  
  595.     #page-options panel-list {
  596.         background-color: #161825 !important;
  597.         font-size: 14px !important;
  598.         border: none !important;
  599.     }
  600.  
  601.     details-deck {
  602.         color: white !important;
  603.     }
  604.  
  605.     button[role=menuitem]:focus,
  606.     button[role=menuitem]:enabled:hover {
  607.         background-color: #1e90ff !important;
  608.     }
  609.  
  610.     panel-item-separator {
  611.         background-color: #303030 !important;
  612.         margin-inline: 5px !important;
  613.     }
  614.  
  615.     /*
  616.     .more-options-button {
  617.         background: transparent !important;
  618.     }*/
  619. }
  620.  
  621. @-moz-document url("http://www.w3.org/1999/xhtml") {
  622.     html|input.urlbar-scheme {
  623.         display: none !important;
  624.     }
  625. }
  626.  
  627. @-moz-document url-prefix("about:"),
  628. @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
  629.  
  630.     window,
  631.     page,
  632.     html,
  633.     .main-content,
  634.     scrollbar {
  635.  
  636.         scrollbar-color: #1e90ff #161825 !important;
  637.         scrollbar-width: thin !important;
  638.     }
  639. }
  640.  
  641. * {
  642.  
  643.     scrollbar-color: #1e90ff #161825 !important;
  644.     scrollbar-width: thin !important;
  645. }
  646.  
  647. @-moz-document url-prefix("about:addons") {
  648.     #categories {
  649.  
  650.         background-color: #161825 !important;
  651.     }
  652.  
  653.     #categories>richlistitem {
  654.  
  655.         background-color: #161825 !important;
  656.  
  657.     }
  658.  
  659.     #category-box {
  660.  
  661.         background-color: #161825 !important;
  662.     }
  663. }
  664.  
  665. /*------ HTTPS EVERYWHERE ADDON ------*/
  666. @-moz-document url-prefix("moz-extension://12cd9013-8223-41e7-98ff-8af828035706/") {
  667.  
  668.     html,
  669.     body,
  670.     header {
  671.         font-family: Fira Sans !important;
  672.         background: #161825 !important;
  673.         color: white !important;
  674.     }
  675.  
  676.     span,
  677.     span.rulesets-version,
  678.     span#current-version {
  679.         font-family: Fira Sans !important;
  680.         background: #161825 !important;
  681.         color: white !important;
  682.         /*background-size: ;*/
  683.     }
  684.  
  685.     h1,
  686.     h2,
  687.     h3 {
  688.         color: #fff !important
  689.     }
  690.  
  691.     label {
  692.         color: #ccc !important
  693.     }
  694.  
  695.     button,
  696.     input[type="button"] {
  697.         -moz-appearance: none !important;
  698.         border-radius: 3px !important;
  699.         background-color: #555 !important;
  700.         color: white !important;
  701.         border: none !important;
  702.         padding: 5px !important;
  703.         margin: 3px !important
  704.     }
  705.  
  706.     .logo-container img {
  707.         display: none;
  708.     }
  709.  
  710.     .logo-container::before {
  711.         content: url("HTTPS-Everywhere-Logo2.png") !important;
  712.         height: 36px !important;
  713.         width: 71.017px !important;
  714.     }
  715.  
  716.     button:hover,
  717.     input[type="button"]:hover {
  718.         background-color: #1e90ff !important;
  719.         color: white !important;
  720.         box-shadow: none !important
  721.     }
  722.  
  723.     a:link,
  724.     a {
  725.         color: #1e90ff !important
  726.     }
  727.  
  728.     a:visited {
  729.         color: #0070aa !important
  730.     }
  731.  
  732.     a:hover {
  733.         color: #0ff !important
  734.     }
  735.  
  736.     a:active {
  737.         color: #0050aa !important
  738.     }
  739.  
  740.     input[type="text"] {
  741.         -moz-appearance: none !important;
  742.         background-color: #444 !important;
  743.         border: 1px solid #666 !important;
  744.         color: #fff !important;
  745.         margin: 3px !important;
  746.     }
  747.  
  748.     input[type="text"]:focus {
  749.         border: 1px solid #1e90ff !important;
  750.     }
  751.  
  752.     input[type="text"][disabled] {
  753.         color: #aaa !important;
  754.     }
  755. }
  756.  
  757.  
  758.  
  759. @-moz-document url-prefix("about:restartrequired") {
  760.     body {
  761.         background-color: #161825 !important;
  762.  
  763.     }
  764. }
  765.  
  766.  
  767. @-moz-document url-prefix("about:debugging") {
  768.     body {
  769.         background-color: #161825 !important;
  770.         color: white !important;
  771.     }
  772.  
  773.     li.card.debug-target-item.qa-debug-target-item {
  774.         background-color: #263238 !important;
  775.         color: white !important;
  776.  
  777.     }
  778.  
  779.     button.default-button.qa-debug-target-inspect-button {
  780.         color: white !important;
  781.         background-color: #1e90ff !important;
  782.     }
  783. }
  784.  
  785. /**************************-*/
  786. @-moz-document url-prefix("https://addons.mozilla.org") {
  787.  
  788.     :root {
  789.         --nordp-0: #2E3440;
  790.         --nordp-1: #3B4253;
  791.         --nordp-2: #434c5E;
  792.         --nordp-3: #4C566A;
  793.  
  794.         --nords-0: #d8DEE9;
  795.         --nords-1: #E5e9f0;
  796.         --nords-2: #ECEFF4;
  797.  
  798.         --nordf-0: #8FBCBB;
  799.         --nordf-1: #88C0D0;
  800.         --nordf-2: #81A1C1;
  801.         --nordf-3: #5E81AC;
  802.         --nordf-4: #8ad;
  803.  
  804.         --norda-0: #BF616A;
  805.         --norda-1: #D08770;
  806.         --norda-2: #EBCB8B;
  807.         --norda-3: #A3Be8C;
  808.         --norda-4: #B48EAD;
  809.     }
  810.  
  811.  
  812.     .Page-content,
  813.     .Footer,
  814.     .Footer-wrapper,
  815.     .LanguageTools-header-row,
  816.     .amo {
  817.         background: #161825 !important;
  818.     }
  819.  
  820.     h1,
  821.     h2 {
  822.         color: white !important;
  823.     }
  824.  
  825.     .SearchResult-link,
  826.     .SearchResult-linklink {
  827.         color: #1e90ff !important;
  828.     }
  829.  
  830.     .Guides-header,
  831.     .HomeHeroGuides-sections .Hero-name-HomeHeroGuides {
  832.         border-color: white !important;
  833.     }
  834.  
  835.     .App-content,
  836.     .Home,
  837.     .LandingPage,
  838.     .LanguageTools-table-row:nth-child(2n),
  839.     .Paginate {
  840.         background: #161825 !important;
  841.     }
  842.  
  843.     .Select {
  844.         background-color: #161825 !important;
  845.     }
  846.  
  847.     .SearchForm-icon-magnifying-glass {
  848.         filter: invert(85%) !important;
  849.     }
  850.  
  851.     AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  852.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  853.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  854.     .AddonsCard--horizontal .Card-contents,
  855.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  856.     .AutoSearchInput-suggestions-item,
  857.     .Card--photon .Card-contents,
  858.     .Card-contents,
  859.     .Card-contents li,
  860.     .Card-footer,
  861.     .Card-footer-link,
  862.     .Card-footer-text,
  863.     .Card-header,
  864.     .Categories .Card-contents,
  865.     .DropdownMenu-items::after,
  866.     .DropdownMenu-items,
  867.     .Hero .Card-contents,
  868.     .Home-SubjectShelf .Card-contents,
  869.     .LandingPage-header,
  870.     .MetadataCard,
  871.     .Search .SearchResults .SearchResult,
  872.     .Search .SearchResults-message,
  873.     .SearchForm-query,
  874.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  875.     .SectionLinks-dropdown .DropdownMenu-items,
  876.     input.AutoSearchInput-query,
  877.     .DropdownMenuItem-section {
  878.         background-color: #161825 !important;
  879.         color: white !important;
  880.     }
  881.  
  882.     .Addon-author,
  883.     .Addon-author a,
  884.     .Addon-author a:link .Button--action,
  885.     .Addon-title,
  886.     .AddonBadges .Badge,
  887.     .AddonTitle,
  888.     .Button--action,
  889.     .Button--action.Button--small:link,
  890.     .Button--action:link,
  891.     .Button--neutral,
  892.     .Button--neutral:link,
  893.     .Card--photon .Card-contents,
  894.     .Card-contents,
  895.     .Card-footer-text,
  896.     .Definition-dt,
  897.     .DropdownMenuItem,
  898.     .ui.DropdownMenu-items,
  899.     .DropdownMenuItem-link a,
  900.     .DropdownMenuItem-link a:link,
  901.     .DropdownMenuItem-section,
  902.     .ExpandableCard-ToggleLink:link,
  903.     .Footer a:active,
  904.     .Footer a:hover,
  905.     .Footer-links-header a:link,
  906.     .GuidesAddonCard .AddonTitle a,
  907.     .GuidesAddonCard .GuidesAddonCard-content-header-title .AddonTitle-author,
  908.     .Home-SubjectShelf-link:link,
  909.     .Home-SubjectShelf-link:visited,
  910.     .Home-SubjectShelf-subheading,
  911.     .LandingPage-addonType-name,
  912.     .LandingPage-heading-content,
  913.     .MetadataCard-list dt,
  914.     .Paginate .Button.Paginate-item--current-page,
  915.     .Paginate .Button.Paginate-item:first-child,
  916.     .Paginate .Button.Paginate-item:last-child,
  917.     .Paginate .Button.Paginate-item:link:first-child,
  918.     .Paginate .Button.Paginate-item:link:last-child,
  919.     .Paginate .Button.Paginate-item:visited:first-child,
  920.     .Paginate .Button.Paginate-item:visited:last-child .Paginate-page-number,
  921.     .PermissionsCard-subhead,
  922.     .ReportAbuseButton-show-more,
  923.     .SearchContextCard-header,
  924.     .SearchFilters-label,
  925.     .SearchForm-query,
  926.     .SearchResult--meta-section,
  927.     .SearchResult-name,
  928.     .SearchResult-summary,
  929.     .Select,
  930.     input.AutoSearchInput-query {
  931.         /*background-color: #1f1f1f !important;*/
  932.         color: white !important;
  933.     }
  934.  
  935.     .Paginate .Button.Paginate-item:active,
  936.     .Paginate .Button.Paginate-item:hover {
  937.         background-color: #161825 !important;
  938.     }
  939.  
  940.     .AutoSearchInput-suggestions-item {
  941.         color: white !important;
  942.     }
  943.  
  944.     .Card-header {
  945.         color: white !important;
  946.     }
  947.  
  948.     .Card-contents li .Rating-star-group,
  949.     .Paginate-next::after,
  950.     .Paginate-previous::before {
  951.         filter: invert(70%) !important;
  952.     }
  953.  
  954.     .AddonMeta .MetadataCard-content a,
  955.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link,
  956.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:link,
  957.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:visited,
  958.     .AddonMeta .MetadataCard-content a:link,
  959.     .AddonMeta .MetadataCard-content a:visited,
  960.     .AddonMeta .MetadataCard-title a,
  961.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link,
  962.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:link,
  963.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:visited,
  964.     .AddonMeta .MetadataCard-title a:link,
  965.     .AddonMeta .MetadataCard-title a:visited,
  966.     .RatingsByStar-count a:active,
  967.     .RatingsByStar-count a:link,
  968.     .RatingsByStar-count a:visited,
  969.     .RatingsByStar-star a:active,
  970.     .RatingsByStar-star a:link,
  971.     .RatingsByStar-star a:visited {
  972.         color: #161825 !important;
  973.     }
  974.  
  975.  
  976.     .ShowMoreCard-contents::after {
  977.         background: linear-gradient(rgba(255, 255, 255, 0), #161825) !important;
  978.     }
  979.  
  980.     .Addon-details .AddonDescription-contents a:link,
  981.     .AddonMoreInfo-contents a:link,
  982.     .Card-footer-link a,
  983.     .Card-footer-link a:hover,
  984.     .Card-footer-link a:link,
  985.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  986.     .DropdownMenuItem-link a:hover,
  987.     .Home-SubjectShelf-link:active,
  988.     .Home-SubjectShelf-link:focus,
  989.     .Home-SubjectShelf-link:hover,
  990.     .LanguageTools-table a:link,
  991.     .SearchResult-link:focus .SearchResult-name,
  992.     .SearchResult-link:hover .SearchResult-name {
  993.         color: white !important;
  994.         background: #1e90ff !important;
  995.     }
  996.  
  997.     .Button--action.Button--outline-only {
  998.         border-color: #161825 !important;
  999.     }
  1000.  
  1001.     input.AutoSearchInput-query {
  1002.         border-color: #1D1923 !important;
  1003.     }
  1004.  
  1005.     .Addon .InstallButton-button,
  1006.     .Button--action,
  1007.     .Button--action.Button--small,
  1008.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  1009.         background: var(--nordp-2) !important;
  1010.     }
  1011.  
  1012.     .Button--action.Button--outline-only:hover,
  1013.     .Button--action:hover,
  1014.     .SearchForm-query:hover {
  1015.         border-color: var(--nordp-1) !important;
  1016.     }
  1017.  
  1018.     .SearchForm-query:focus {
  1019.         box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  1020.         border-color: var(--in-content-primary-button-background) !important;
  1021.     }
  1022.  
  1023.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  1024.         background: var(--accent) !important;
  1025.         border-radius: 0 !important;
  1026.     }
  1027.  
  1028.     .Button--report {
  1029.         text-shadow: none !important;
  1030.     }
  1031.  
  1032.     .Icon-arrow,
  1033.     .Icon-external {
  1034.         filter: invert(0%) !important;
  1035.     }
  1036.  
  1037.     .Icon-magnifying-glass {
  1038.         filter: invert(0%) !important;
  1039.     }
  1040.  
  1041.     .Icon-featured {
  1042.         filter: invert(85%) !important;
  1043.     }
  1044.  
  1045.     .Icon-plus-dark {
  1046.         filter: invert(0%) !important;
  1047.     }
  1048.  
  1049.     .Button--neutral.Button--puffy,
  1050.     .Button--neutral:link.Button--puffy {
  1051.         background: var(--nordf-0) !important;
  1052.         color: var(--foreground) !important;
  1053.     }
  1054.  
  1055.     .Button--neutral.Button--puffy:hover,
  1056.     .Button--neutral:link.Button--puffy:hover {
  1057.         background: var(--nordf-1) !important;
  1058.     }
  1059. }
  1060.  
  1061. @-moz-document url-prefix("https://addons.mozilla.org") {
  1062.     :root {
  1063.         --pale-blue: #728cbb;
  1064.         --custom-bg: #333333;
  1065.         --custom-bg-dark: #1a1c1d;
  1066.         --custom-fg: #e2e2e2;
  1067.         --custom-fg-dark: #cccccc;
  1068.         --magenta-50: #ff1ad9;
  1069.         --magenta-60: #ed00b5;
  1070.         --magenta-70: #b5007f;
  1071.         --magenta-80: #7d004f;
  1072.         --magenta-90: #440027;
  1073.         --purple-50: #9400ff;
  1074.         --purple-60: #8000d7;
  1075.         --purple-70: #6200a4;
  1076.         --purple-80: #440071;
  1077.         --purple-90: #25003e;
  1078.         --blue-40: #45a1ff;
  1079.         --blue-50: #0a84ff;
  1080.         --blue-60: #1e90ff;
  1081.         --blue-70: #003eaa;
  1082.         --blue-80: #002275;
  1083.         --blue-90: #000f40;
  1084.         --teal-50: #00feff;
  1085.         --teal-60: #00c8d7;
  1086.         --teal-70: #008ea4;
  1087.         --teal-80: #005a71;
  1088.         --teal-90: #002d3e;
  1089.         --green-50: #30e60b;
  1090.         --green-60: #12bc00;
  1091.         --green-70: #058b00;
  1092.         --green-80: #006504;
  1093.         --green-90: #003706;
  1094.         --yellow-50: #ffe900;
  1095.         --yellow-60: #d7b600;
  1096.         --yellow-70: #a47f00;
  1097.         --yellow-80: #715100;
  1098.         --yellow-90: #3e2800;
  1099.         --red-50: #ff0039;
  1100.         --red-60: #d70022;
  1101.         --red-70: #a4000f;
  1102.         --red-80: #5a0002;
  1103.         --red-90: #3e0200;
  1104.         --orange-50: #ff9400;
  1105.         --orange-60: #d76e00;
  1106.         --orange-70: #a44900;
  1107.         --orange-80: #712b00;
  1108.         --orange-90: #3e1300;
  1109.         --grey-10: #f9f9fa;
  1110.         --grey-20: #ededf0;
  1111.         --grey-30: #d7d7db;
  1112.         --grey-40: #b1b1b3;
  1113.         --grey-50: #737373;
  1114.         --grey-60: #4a4a4f;
  1115.         --grey-70: #38383d;
  1116.         --grey-80: #2a2a2e;
  1117.         --grey-90: #0c0c0d;
  1118.         --code-green: #86de74 !important;
  1119.         --warning-color: #FCE19F;
  1120.         --warning-background-color: #44391F;
  1121.         --theme-highlight-green: #86DE74;
  1122.         --theme-highlight-blue: #75BFFF;
  1123.         --theme-highlight-purple: #B98EFF;
  1124.         --theme-highlight-red: #FF7DE9;
  1125.         --theme-highlight-yellow: #FFF89E;
  1126.         --theme-highlight-bluegrey: #5e88b0;
  1127.         --theme-highlight-lightorange: #d99b28;
  1128.         --theme-highlight-orange: #d96629;
  1129.         --theme-highlight-pink: #df80ff;
  1130.         --tone-1: var(--grey-10);
  1131.         --tone-2: var(--grey-20);
  1132.         --tone-3: var(--grey-30);
  1133.         --tone-4: var(--grey-40);
  1134.         --tone-5: var(--grey-50);
  1135.         --tone-6: var(--grey-60);
  1136.         --tone-7: var(--grey-70);
  1137.         --tone-8: var(--grey-80);
  1138.         --tone-9: var(--grey-90);
  1139.         --accent-1: var(--pale-blue);
  1140.         --accent-2: var(--pale-blue);
  1141.         --accent-3: var(--pale-blue);
  1142.         --in-content-page-color: var(--tone-1) !important;
  1143.         --in-content-page-background: var(--tone-8) !important;
  1144.         --in-content-text-color: var(--tone-1) !important;
  1145.         --in-content-selected-text: var(--tone-1) !important;
  1146.         --in-content-selected-text-background: #5675b9;
  1147.         --in-content-box-background: var(--tone-7) !important;
  1148.         --in-content-box-background-odd: #f3f6fa;
  1149.         --in-content-box-background-hover: var(--tone-6) !important;
  1150.         --in-content-box-background-active: var(--tone-6) !important;
  1151.         --in-content-box-border-color: var(--tone-5) !important;
  1152.         --in-content-item-hover: rgba(0, 149, 221, 0.25);
  1153.         --in-content-item-selected: var(--tone-8) !important;
  1154.         --in-content-border-highlight: var(--accent-1) !important;
  1155.         --in-content-border-focus: var(--accent-1) !important;
  1156.         --in-content-border-color: var(--tone-6) !important;
  1157.         --in-content-category-outline-focus: 1px dotted #0a84ff;
  1158.         --in-content-category-text: var(--tone-2) !important;
  1159.         --in-content-category-text-active: #0c0c0d;
  1160.         --in-content-category-text-selected: var(--accent-1) !important;
  1161.         --in-content-category-text-selected-active: #1e90ff;
  1162.         --in-content-category-background-hover: rgba(12, 12, 13, 0.1);
  1163.         --in-content-category-background-active: rgba(12, 12, 13, 0.15);
  1164.         --in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15);
  1165.         --in-content-category-background-selected-active: rgba(12, 12, 13, 0.2);
  1166.         --in-content-tab-color: #424f5a;
  1167.         --in-content-link-color: var(--accent-1) !important;
  1168.         --in-content-link-color-hover: var(--accent-2) !important;
  1169.         --in-content-link-color-active: #003eaa;
  1170.         --in-content-link-color-visited: #0a8dff;
  1171.         --in-content-primary-button-background: var(--accent-2) !important;
  1172.         --in-content-primary-button-background-hover: var(--accent-3) !important;
  1173.         --in-content-primary-button-background-active: var(--accent-3) !important;
  1174.         --in-content-table-border-dark-color: var(--tone-7) !important;
  1175.         --in-content-table-header-background: var(--accent-2) !important;
  1176.         --theme-selection-background: var(--accent-2) !important;
  1177.         --theme-selection-background-hover: var(--accent-1) !important;
  1178.         --in-content-category-header-background: var(--tone-8) !important;
  1179.         --selected-icon-fill-color: var(--tone-2) !important;
  1180.         --in-content-dark-header-background: var(--tone-9) !important;
  1181.         --tab-line-selected-color: var(--accent-2) !important;
  1182.         --secure-connection-color: var(--accent-1);
  1183.         --tab-background-color: var(--tone-9) !important;
  1184.         --tab-color: var(--in-content-selected-text);
  1185.         --theme-sidebar-background: #1B1B1D !important;
  1186.         --card-outline-color: var(--in-content-box-border-color) !important;
  1187.         --cm-background: var(--tone-8) !important;
  1188.         --cm-selection: #353b48 !important;
  1189.         --cm-marker: #555 !important;
  1190.         --cm-linenumber: #58575c !important;
  1191.         --cm-cursor: #fff !important;
  1192.         --cm-active-line-background: rgba(185, 215, 253, .15) !important;
  1193.         --cm-matching-bracket: rgba(255, 255, 255, .25) !important;
  1194.         --cm-search-background: rgba(24, 29, 32, 1) !important;
  1195.         --cm-red: #de7474 !important;
  1196.  
  1197.         --dummy-variable-for-updater-scripts: black;
  1198.     }
  1199.  
  1200.     .Footer,
  1201.     .Footer-wrapper,
  1202.     .LanguageTools-header-row,
  1203.     .amo {
  1204.         background: var(--in-content-category-header-background) !important;
  1205.     }
  1206.  
  1207.     h1,
  1208.     h2 {
  1209.         color: var(--in-content-category-text) !important;
  1210.     }
  1211.  
  1212.     .Guides-header,
  1213.     .HomeHeroGuides-sections .Hero-name-HomeHeroGuides {
  1214.         border-color: var(--in-content-box-border-color) !important;
  1215.     }
  1216.  
  1217.     .Page-content {
  1218.         background: #16182580 !important;
  1219.     }
  1220.  
  1221.     .App-content,
  1222.     .Home,
  1223.     .LandingPage,
  1224.     .LanguageTools-table-row:nth-child(2n),
  1225.     .Paginate {
  1226.         background: var(--in-content-page-background) !important;
  1227.     }
  1228.  
  1229.     .Select {
  1230.         background-color: var(--in-content-page-background) !important;
  1231.     }
  1232.  
  1233.     .SearchForm-icon-magnifying-glass {
  1234.         filter: invert(65%) !important;
  1235.     }
  1236.  
  1237.     .Notice-genericWarning {
  1238.         background-color: var(--norda-2) !important;
  1239.         color: black !important;
  1240.     }
  1241.  
  1242.     .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  1243.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  1244.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  1245.     .AddonsCard--horizontal .Card-contents,
  1246.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  1247.     .AutoSearchInput-suggestions-item,
  1248.     .Card--photon .Card-contents,
  1249.     .Card-contents,
  1250.     .Card-contents li,
  1251.     .Card-footer,
  1252.     .Card-footer-link,
  1253.     .Card-footer-text,
  1254.     .Card-header,
  1255.     .Categories .Card-contents,
  1256.     .DropdownMenu-items::after,
  1257.     .Hero .Card-contents,
  1258.     .Home-SubjectShelf .Card-contents,
  1259.     .LandingPage-header,
  1260.     .MetadataCard,
  1261.     .Search .SearchResults .SearchResult,
  1262.     .Search .SearchResults-message,
  1263.     .SearchForm-query,
  1264.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  1265.     .SectionLinks-dropdown .DropdownMenu-items,
  1266.     input.AutoSearchInput-query {
  1267.         /*background-color: #16182550 !important;*/
  1268.         color: white !important;
  1269.     }
  1270.  
  1271.     .Addon-author,
  1272.     .Addon-author a,
  1273.     .Addon-author a:link .Button--action,
  1274.     .Addon-title,
  1275.     .AddonBadges .Badge,
  1276.     .AddonTitle,
  1277.     .Button--action,
  1278.     .Button--action.Button--small:link,
  1279.     .Button--action:link,
  1280.     .Button--neutral,
  1281.     .Button--neutral:link,
  1282.     .Card--photon .Card-contents,
  1283.     .Card-contents,
  1284.     .Card-footer-text,
  1285.     .Definition-dt,
  1286.     .DropdownMenuItem,
  1287.     .DropdownMenuItem-link a,
  1288.     .DropdownMenuItem-link a:link,
  1289.     .DropdownMenuItem-section,
  1290.     .ExpandableCard-ToggleLink:link,
  1291.     .Footer a:active,
  1292.     .Footer a:hover,
  1293.     .Footer-links-header a:link,
  1294.     .GuidesAddonCard .AddonTitle a,
  1295.     .GuidesAddonCard .GuidesAddonCard-content-header-title .AddonTitle-author,
  1296.     .Home-SubjectShelf-link:link,
  1297.     .Home-SubjectShelf-link:visited,
  1298.     .Home-SubjectShelf-subheading,
  1299.     .LandingPage-addonType-name,
  1300.     .LandingPage-heading-content,
  1301.     .MetadataCard-list dt,
  1302.     .Paginate .Button.Paginate-item--current-page,
  1303.     .Paginate .Button.Paginate-item:first-child,
  1304.     .Paginate .Button.Paginate-item:last-child,
  1305.     .Paginate .Button.Paginate-item:link:first-child,
  1306.     .Paginate .Button.Paginate-item:link:last-child,
  1307.     .Paginate .Button.Paginate-item:visited:first-child,
  1308.     .Paginate .Button.Paginate-item:visited:last-child .Paginate-page-number,
  1309.     .PermissionsCard-subhead,
  1310.     .ReportAbuseButton-show-more,
  1311.     .SearchContextCard-header,
  1312.     .SearchFilters-label,
  1313.     .SearchForm-query,
  1314.     .SearchResult--meta-section,
  1315.     .SearchResult-name,
  1316.     .SearchResult-summary,
  1317.     .Select,
  1318.     input.AutoSearchInput-query {
  1319.         /*background-color: #1f1f1f !important;*/
  1320.         color: white !important;
  1321.  
  1322.     }
  1323.  
  1324.     .Paginate .Button.Paginate-item:active,
  1325.     .Paginate .Button.Paginate-item:hover {
  1326.         background-color: #161825 !important;
  1327.     }
  1328.  
  1329.     .AutoSearchInput-suggestions-item {
  1330.         color: var(--in-content-page-color)
  1331.     }
  1332.  
  1333.     .Card-header {
  1334.         color: var(--in-content-text-color) !important;
  1335.     }
  1336.  
  1337.     .Card-contents li .Rating-star-group,
  1338.     .Paginate-next::after,
  1339.     .Paginate-previous::before {
  1340.         filter: invert(70%) !important;
  1341.     }
  1342.  
  1343.     .AddonMeta .MetadataCard-content a,
  1344.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link,
  1345.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:link,
  1346.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:visited,
  1347.     .AddonMeta .MetadataCard-content a:link,
  1348.     .AddonMeta .MetadataCard-content a:visited,
  1349.     .AddonMeta .MetadataCard-title a,
  1350.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link,
  1351.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:link,
  1352.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:visited,
  1353.     .AddonMeta .MetadataCard-title a:link,
  1354.     .AddonMeta .MetadataCard-title a:visited,
  1355.     .RatingsByStar-count a:active,
  1356.     .RatingsByStar-count a:link,
  1357.     .RatingsByStar-count a:visited,
  1358.     .RatingsByStar-star a:active,
  1359.     .RatingsByStar-star a:link,
  1360.     .RatingsByStar-star a:visited {
  1361.         color: var(--in-content-page-color) !important;
  1362.     }
  1363.  
  1364.     .ShowMoreCard-contents::after {
  1365.         background: linear-gradient(rgba(255, 255, 255, 0), #161825) !important;
  1366.     }
  1367.  
  1368.     .SecondaryHero-module {
  1369.         background: #1e90ff !important;
  1370.         color: white !important;
  1371.     }
  1372.  
  1373.     .SecondaryHero-message-description {
  1374.         color: #1e90ff !important;
  1375.     }
  1376.  
  1377.     .Addon-details .AddonDescription-contents a:link,
  1378.     .AddonMoreInfo-contents a:link,
  1379.     .Card-footer-link a,
  1380.     .Card-footer-link a:hover,
  1381.     .Card-footer-link a:link,
  1382.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  1383.     .DropdownMenuItem-link a:hover,
  1384.     .Home-SubjectShelf-link:active,
  1385.     .Home-SubjectShelf-link:focus,
  1386.     .Home-SubjectShelf-link:hover,
  1387.     .LanguageTools-table a:link,
  1388.     .SearchResult-link:focus .SearchResult-name,
  1389.     .SearchResult-link:hover .SearchResult-name {
  1390.         background-color: #1e90ff !important;
  1391.         color: white !important;
  1392.     }
  1393.  
  1394.     .Button--action.Button--outline-only {
  1395.         border-color: var(--in-content-border-highlight) !important;
  1396.     }
  1397.  
  1398.     input.AutoSearchInput-query {
  1399.         border-color: var(--in-content-box-border-color) !important;
  1400.     }
  1401.  
  1402.     .Addon .InstallButton-button,
  1403.     .Button--action,
  1404.     .Button--action.Button--small,
  1405.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  1406.         background: var(--in-content-primary-button-background) !important;
  1407.     }
  1408.  
  1409.     .Button--action.Button--outline-only:hover,
  1410.     .Button--action:hover,
  1411.     .SearchForm-query:hover {
  1412.         border-color: var(--in-content-primary-button-background) !important;
  1413.     }
  1414.  
  1415.     .SearchForm-query:focus {
  1416.         box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  1417.         border-color: var(--in-content-primary-button-background) !important;
  1418.     }
  1419.  
  1420.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  1421.         background: var(--in-content-page-background) !important;
  1422.         border-radius: 0 !important;
  1423.     }
  1424.  
  1425.     .Button--report {
  1426.         text-shadow: none !important;
  1427.     }
  1428.  
  1429.     .Icon-arrow,
  1430.     .Icon-external {
  1431.         filter: invert(20%) !important;
  1432.     }
  1433.  
  1434.     .Icon-magnifying-glass {
  1435.         filter: invert(65%) !important;
  1436.     }
  1437.  
  1438.     .Icon-featured {
  1439.         filter: invert(85%) !important;
  1440.     }
  1441.  
  1442.     .Icon-plus-dark {
  1443.         filter: invert(100%) !important;
  1444.     }
  1445.  
  1446.     .Button--neutral.Button--puffy,
  1447.     .Button--neutral:link.Button--puffy {
  1448.         background: var(--in-content-primary-button-background) !important;
  1449.         color: var(--in-content-selected-text) !important;
  1450.     }
  1451.  
  1452.     .Button--neutral.Button--puffy:hover,
  1453.     .Button--neutral:link.Button--puffy:hover {
  1454.         background: var(--in-content-primary-button-background-hover) !important;
  1455.     }
  1456. }
  1457.  
  1458. @-moz-document url-prefix(about:),
  1459. url-prefix(chrome: //browser) {
  1460.  
  1461.     browser[type="content"], tabpanels {
  1462.         background: #161825 !important;
  1463.         background-color: #161825 !important;
  1464.         color:white !important;
  1465.     }
  1466.  
  1467. }
  1468.  
  1469. @-moz-document url(chrome://global/content/alerts/alert.xhtml) {
  1470.     #tabmodalprompt-topContainer {
  1471.         background-color: #161825 !important;
  1472.         color: white !important;
  1473.     }
  1474.  
  1475.     #tabmodalprompt-infoContainer {
  1476.         background-color: #161825 !important;
  1477.         color: white !important;
  1478.     }
  1479.  
  1480.     #alertBox {
  1481.         background-color: #161825 !important;
  1482.         color: white !important;
  1483.         font-family: Fira Sans !important;
  1484.     }
  1485.  
  1486.     #alertSourceLabel {
  1487.         color: #1e90ff !important;
  1488.         font-family: Fira Sans !important;
  1489.     }
  1490. }
  1491.  
  1492. browser vbox#appcontent tabbrowser,
  1493. content,
  1494. tabbrowser-tabpanels,
  1495. browser[type=content-primary], browser[type=content] > html {
  1496.     background-color: #161825 !important;
  1497.     color:white !important;
  1498.     font-family: Fira Sans !important;
  1499. }
  1500.  
  1501. @-moz-document url("about:memory") {
  1502.  
  1503.     html,
  1504.     body {
  1505.         background-color: #161825 !important;
  1506.         color: white !important;
  1507.     }
  1508. }
  1509.  
  1510.  
  1511. ::selection {
  1512.     background: #1e90ff !important;
  1513.     color: #ffff !important;
  1514. }
  1515.  
  1516. /*
  1517. html[windowtype="Toolkit:PictureInPicture"] {
  1518.    
  1519.     border-radius: 5px !important;
  1520.     background: transparent !important;
  1521. }
  1522. */
  1523. /* Dark Mode page between loading */
  1524. @-moz-document url("about:home"),
  1525. url("about:blank"),
  1526. url("about:newtab"),
  1527. url("about:privatebrowsing") {
  1528.     body {
  1529.         background-color: #161825 !important;
  1530.     }
  1531. }
  1532.  
  1533.  
  1534. /*
  1535. @-moz-document url-prefix(moz-extension: //bf5f8510-4f90-45c6-b93c-802fa6007948)    {
  1536.  
  1537.     body {
  1538.         background: #353e4b !important;
  1539.         color: #b8b8b8 !important;
  1540.     }
  1541.  
  1542.     #onoffswitch_label,
  1543.     #HttpNowhere__header,
  1544.     HttpNowhere__explained,
  1545.     #settingsForThisSite,
  1546.     #viewAllRules,
  1547.     #aboutTitle,
  1548.     #donateEFF,
  1549.     reset-to-defaults,
  1550.     .see_more__text,
  1551.     small,
  1552.     h1,
  1553.     h2,
  1554.     a {
  1555.         color: #b8b8b8 !important;
  1556.     }
  1557.  
  1558.     header {
  1559.         background: #353e4b !important;
  1560.         color: #b8b8b8 !important;
  1561.     }
  1562.  
  1563.     .logo-container {
  1564.         background-image: url(https-everywhere-logo.png) !important;
  1565.         background-size: 170px !important;
  1566.     }
  1567. }
  1568. */
  1569.  
  1570. @-moz-document url-prefix("moz-extension://1249bce4-c7eb-4913-beb1-821f6a4c399e/") {
  1571.  
  1572.     .panel-arrowcontent,
  1573.     #share-directory-grid.clearfix {
  1574.         background-color: #161825 !important;
  1575.     }
  1576.  
  1577.     button {
  1578.         border-radius: 0px !important;
  1579.  
  1580.     }
  1581. }
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.  
  1588.  
  1589. .dnsNotFound #errorPageContainer {
  1590.     background-image: url("fox-gif-transparent-2.gif") !important;
  1591.     background-color: #161825 !important;
  1592. }
  1593.  
  1594. .dnsNotFound {
  1595.     font-family: Arial !important;
  1596.     background-color: #161825 !important;
  1597. }
  1598.  
  1599.  
  1600. @-moz-document url-prefix("about:reader") {
  1601.     body {
  1602.         background-color: #161825 !important;
  1603.     }
  1604.  
  1605.     /* Unstick the toolbar so it can scroll */
  1606.     #toolbar {
  1607.         position: static !important;
  1608.     }
  1609.  
  1610.     /* Put the toolbar back at the left */
  1611.     .reader-toolbar {
  1612.         margin-left: 16px !important;
  1613.     }
  1614. }
  1615.  
  1616.  
  1617. @-moz-document url("about:config") {
  1618.     #configTree {
  1619.         margin-bottom: 0px !important;
  1620.         box-shadow: none !important;
  1621.     }
  1622.  
  1623. }
  1624.  
  1625. /*
  1626. @-moz-document url-prefix("about:reader") {
  1627.     .toolbar {
  1628.         border: none !important;
  1629.         background-color: #2A2A2A !important;
  1630.         width: 40px !important;
  1631.     }
  1632.  
  1633.     button {
  1634.         fill: white !important;
  1635.         background-color: transparent !important;
  1636.         border: none !important;
  1637.     }
  1638.  
  1639.     button:hover {
  1640.         background-color: #525252 !important;
  1641.     }
  1642.  
  1643.     .dropdown-popup {*/
  1644. /* Backdrop filter here... */
  1645. /*
  1646.         background-color: #2B2B2B !important;
  1647.         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5) !important;
  1648.         border-radius: 0px !important;
  1649.         border: none !important;
  1650.         opacity: 0 !important;
  1651.         transition: opacity 150ms, visibility 0s 2s !important;
  1652.     }
  1653.  
  1654.     .open>.dropdown-popup {
  1655.         opacity: 1 !important;
  1656.         transition: opacity 150ms !important;
  1657.     }
  1658.  
  1659.     .dropdown-arrow {
  1660.         display: none !important;
  1661.     }
  1662.  
  1663.     .dropdown.open {
  1664.         background-color: #666666 !important;
  1665.     }
  1666.  
  1667.     .narrate-row:not(:first-child) {
  1668.         border: none !important;
  1669.     }
  1670.  
  1671.     .font-type-buttons>button>.description {
  1672.         color: #BEBEBE !important;
  1673.     }
  1674. }
  1675.  
  1676. /*
  1677. @-moz-document url-prefix("about:logins") {
  1678.  
  1679.     .fxaccounts-avatar-button,
  1680.     .fxaccounts-avatar-button:hover:active {
  1681.         background: transparent !important;
  1682.         border: none !important;
  1683.     }
  1684.  
  1685.     .meta-info {
  1686.         font-weight: 400 !important;
  1687.         font-size: initial !important;
  1688.     }
  1689.  
  1690.     .edit-button,
  1691.     .delete-button {
  1692.         background-position-x: 8px !important;
  1693.         padding-left: 32px !important;
  1694.     }
  1695.  
  1696.     login-list,
  1697.     div.meta {
  1698.         background-color: #161825 !important;
  1699.     }
  1700.  
  1701.     .login-list-item {
  1702.         border-bottom: none !important;
  1703.     }
  1704.  
  1705.     .container[role="dialog"] {
  1706.         background: #161825 !important;
  1707.         border: 1px solid #333333 !important;
  1708.         border-radius: 0px !important;
  1709.         color: var(--uwp-global-front) !important;
  1710.         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .32) !important;
  1711.     }
  1712. }
  1713. */
  1714.  
  1715. /*** Firefox 81 PDF Viewer Dark Theme for userContent.css ***/
  1716. /*
  1717.  
  1718.     These rules are from
  1719.     resource://pdf.js/web/viewer.css
  1720.     Line 456, the lines within:
  1721.     @media (prefers-color-scheme: dark) { :root { } }
  1722.  
  1723.  */
  1724.  
  1725.  
  1726.  
  1727.  
  1728.  
  1729. @-moz-document url-prefix(view-source:) {
  1730.     *|*:root {
  1731.         background: none !important;
  1732.     }
  1733.  
  1734.     #viewsource {
  1735.         font-family: Fira Sans !important;
  1736.         font-size: 16px !important;
  1737.         /*, -moz-fixed*/
  1738.         /*line-height: 1.5em;*/
  1739.         background-color: #161825 !important;
  1740.         /*background-image: url(https://farm9.staticflickr.com/8536/8680613751_71ef92bbdb_o_d.jpg),
  1741.         linear-gradient(to right, #002b36d0, #002b36d0, #000000d0),
  1742.         linear-gradient(#00000040 50%, transparent 50%);
  1743.         background-size: cover, cover, auto 3em;
  1744.         background-position: center, center, top 10px left 0;
  1745.         background-attachment: fixed, fixed, scroll;
  1746.         background-repeat: no-repeat, no-repeat, repeat-y;
  1747.         background-blend-mode: overlay, normal, normal;*/
  1748.         color: white !important;
  1749.     }
  1750.  
  1751.     pre[id]:before,
  1752.     span[id]:before {
  1753.         width: 6ch !important;
  1754.         color: #586e75 !important;
  1755.         margin-left: -7ch !important;
  1756.     }
  1757.  
  1758.     pre {
  1759.         padding-left: 1ch;
  1760.         margin-left: 6ch !important;
  1761.         border-left: 2px solid #073642 !important;
  1762.     }
  1763.  
  1764.     pre> :first-child {
  1765.         padding-right: 1ch;
  1766.     }
  1767.  
  1768.     .highlight .start-tag {
  1769.         color:yellow !important;
  1770.     }
  1771.  
  1772.     .highlight .end-tag {
  1773.         color: yellow !important;
  1774.     }
  1775.  
  1776.     .highlight .comment {
  1777.         color: #586e75 !important;
  1778.     }
  1779.  
  1780.     .highlight .cdata {
  1781.         color: #cb4b16 !important;
  1782.     }
  1783.  
  1784.     .highlight .doctype {
  1785.         color: #268be2 !important;
  1786.     }
  1787.  
  1788.     .highlight .pi {
  1789.         color: #268be2 !important;
  1790.         /* orchid -> blue */
  1791.     }
  1792.  
  1793.     .highlight .entity {
  1794.         color: #b58900 !important;
  1795.         /* violet -> yellow */
  1796.     }
  1797.  
  1798.     .highlight .attribute-name {
  1799.         color:violet !important;
  1800.     }
  1801.  
  1802.     .highlight .attribute-value {
  1803.         color: #2aa198 !important;
  1804.         text-shadow: 1px 1px 2px black !important;
  1805.     }
  1806.  
  1807.     .highlight .markupdeclaration {
  1808.         color: #859900cc !important;
  1809.     }
  1810.  
  1811.     .highlight .error,
  1812.     .highlight .error> :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype,
  1813.         .pi, .entity, .attribute-name, .attribute-value) {
  1814.         color: #002b36 !important;
  1815.         background-color: #dc322f !important;
  1816.     }
  1817. }
  1818.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!