API tools faq
paste
difool2nice

userContent.css

difool2nice
Jan 22nd, 2022
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 109.05 KB | None | 0 0
raw download clone embed print report
  1. @import url("devtools.css");
  2.  
  3. :root {
  4.     --in-content-border-hover: #1e90ff80 !important;
  5.     --in-content-border-active: #1e90ff !important;
  6.     --in-content-border-active-shadow: #1e90ff40 !important;
  7.     font-family: "Fira Sans" !important;
  8.     outline: none !important;
  9.     --button-corner-rounding: 2px !important;
  10.     --toolbarbutton-hover-background: #1e90ff80 !important;
  11.     --focus-outline: 0px !important;
  12. }
  13.  
  14. :-moz-focusring,
  15. :focus,
  16. button::-moz-focus-inner,
  17. :-moz-focusring *,
  18. :focus *,
  19. :-moz-focusring:focus:not(:focus-visible),
  20. :-moz-focusring:focus:not(:focus-visible)>* {
  21.     outline: unset !important;
  22.     outline-offset: unset !important;
  23.     -moz-outline-radius: unset !important;
  24. }
  25.  
  26.  
  27. @-moz-document url(about:blank),
  28. url-prefix(about:newtab),
  29. url(about:config),
  30. url-prefix("chrome://userchromejs/content/aboutconfig/config.xhtml") {
  31.  
  32.     #newtab-window,
  33.     #newtab-customize-overlay,
  34.     #toolbar {
  35.         /*background: #161a27!important;*/
  36.         background-color: #161a27 !important;
  37.         color: #ffffff !important;
  38.         fill: #ffffff !important;
  39.         font-family: Fira Sans !important;
  40.  
  41.     }
  42. }
  43.  
  44.  
  45. /*
  46. menulist {
  47.     appearance: none !important;
  48.     color: #ffffff !important;
  49.     border: 0px solid var(--in-content-button-border-color);
  50.     border-radius: 4px !important;
  51.     background-color: #161a27 !important;
  52.    
  53.     padding: 7px 15px !important;
  54.     text-decoration: none !important;
  55.     margin: 4px 8px !important;
  56.     font-size: 14px !important;
  57. }
  58.  
  59. .menupopup-arrowscrollbox {
  60.     border-radius: 8px !important;
  61.     margin-top: 5px !important;
  62.     padding-left: 4px !important;
  63.     padding-right: 4px !important;
  64.     box-shadow: none !important;
  65.     outline: none !important;
  66. }
  67. */
  68. @-moz-document url-prefix("https://ftp.mozilla.org/pub/firefox/releases/") {
  69.     * {
  70.         background-color: #161a27 !important;
  71.         color: #ffffff !important;
  72.         font-family: "Fira Sans" !important;
  73.         font-size: 14px !important;
  74.     }
  75. }
  76.  
  77.  
  78.  
  79. /* see this to tweak : https://github.com/gorhill/uBlock/blob/master/src/css/cloud-ui.css*/
  80. /*---------------------------------UBLOCK ORIGIN ---------------------*/
  81.  
  82. @-moz-document url-prefix("moz-extension://e4fdb54f-d559-4a7b-b967-bf80726855b8/") {
  83.  
  84.     body,
  85.     #sticky,
  86.     #main {
  87.         font-family: Fira Sans !important;
  88.         background-color: #161a27 !important;
  89.         color: #ffffff !important;
  90.     }
  91.  
  92.     hr {
  93.         display: none !important;
  94.     }
  95.  
  96.     a {
  97.         color: #888 !important;
  98.     }
  99.  
  100.     .fa-icon {
  101.         /* fill: #ffffff80 !important;
  102.         color: #ffffff80 !important;*/
  103.         fill: #1e90ff !important;
  104.         background: #161a27 !important;
  105.         border: none !important;
  106.     }
  107.  
  108.     span.fa-icon {
  109.  
  110.         fill: #ffffff !important;
  111.         background: transparent !important;
  112.         border: 0px !important;
  113.     }
  114.  
  115.     h2 {
  116.         background-color: #161a27 !important;
  117.         color: #ffffff !important;
  118.     }
  119.  
  120.     code {
  121.         background-color: #161a27 !important;
  122.     }
  123.  
  124.     #switch .fa-icon {
  125.         background: transparent !important;
  126.         fill: #1e90ff !important;
  127.     }
  128.  
  129.     #switch .fa-icon:hover {
  130.         background: #161a27 !important;
  131.         background-color: #161a27 !important;
  132.         fill: #1e90ff !important;
  133.     }
  134.  
  135.     #switch .fa {
  136.         background: transparent !important;
  137.         fill: #1e90ff !important;
  138.     }
  139.  
  140.     html#ublock0-epicker,
  141.     #ublock0-epicker body {
  142.         background: #161a27 !important;
  143.         color: #ffffff !important;
  144.     }
  145.  
  146.     #ublock0-epicker aside {
  147.         background-color: #000000 !important;
  148.     }
  149.  
  150.  
  151.     body.off #switch .fa {
  152.         color: #161a27 !important;
  153.     }
  154.  
  155.     .tool {
  156.         background-color: #161a27 !important;
  157.         color: #ffffff !important;
  158.     }
  159.  
  160.     .tool.enabled:hover {
  161.         background: none !important;
  162.         background-color: #161a27 !important;
  163.         fill: #1e90ff !important;
  164.         color: #1e90ff !important;
  165.     }
  166.  
  167.     .permatoolbar {
  168.         background-color: #161a27 !important;
  169.     }
  170.  
  171.     .permatoolbar .button {
  172.         background-color: #161a27 !important;
  173.     }
  174.  
  175.     .permatoolbar .button:hover {
  176.         fill: #1e90ff !important;
  177.         color: #1e90ff !important;
  178.         background-color: #161a27 !important;
  179.     }
  180.  
  181.     #tooltip {
  182.         background-color: #000000 !important;
  183.         border: 1px solid #000000 !important;
  184.         color: #ffffff !important;
  185.     }
  186.  
  187.     #firewall {
  188.         background: #161a27 !important;
  189.     }
  190.  
  191.     #firewall>div {
  192.         background-color: #333 !important;
  193.     }
  194.  
  195.     #firewall>div:hover {
  196.         background-color: #444 !important;
  197.     }
  198.  
  199.     #firewall>div>span {
  200.         background-color: #161a27 !important;
  201.         color: #ffffff !important;
  202.  
  203.     }
  204.  
  205.     #firewall>div>span:first-of-type~span {
  206.         border-left: 1px solid #111 !important;
  207.     }
  208.  
  209.     #extraTools {
  210.         background-color: #161a27 !important;
  211.     }
  212.  
  213.     #extraTools>span:hover {
  214.         fill: #1e90ff !important;
  215.     }
  216.  
  217.     #dashboard-nav {
  218.         background-color: #111 !important;
  219.         border-bottom: 1px solid #777 !important;
  220.     }
  221.  
  222.     #dashboard-nav-widgets {
  223.         background-color: #111 !important;
  224.         border-bottom: 1px solid #777 !important;
  225.     }
  226.  
  227.     .tabButton {
  228.         background-color: #161a27 !important;
  229.         border: 0px solid #1b192480 !important;
  230.         border-bottom: 0px solid #777 !important;
  231.         color: #ffffff !important;
  232.     }
  233.  
  234.     .tabButton.selected {
  235.         background-color: #1e90ff !important;
  236.         color: #ffffff !important;
  237.         border-bottom: 0px solid #222 !important;
  238.     }
  239.  
  240.     #diff li {
  241.         background-color: #555 !important;
  242.     }
  243.  
  244.     #diff li:nth-child(even) {
  245.         background-color: #444 !important;
  246.     }
  247.  
  248.     #diff textarea {
  249.         background-color: #333 !important;
  250.         color: #ffffff !important;
  251.     }
  252.  
  253.     hr {
  254.         display: none !important;
  255.     }
  256.  
  257.     .fieldset-header {
  258.         color: #ffffff !important;
  259.     }
  260.  
  261.     #loggerSettingsDialog,
  262.     #modalOverlayContainer,
  263.     #netFilteringDialog,
  264.     #netFilteringDialog>.panes>.details>div,
  265.     #netFilteringDialog>div.panes>.dynamic .row {
  266.         background-color: #161a27 !important;
  267.         border-color: grey !important;
  268.     }
  269.  
  270.     #domTree {
  271.         color: #ffffff !important;
  272.     }
  273.  
  274.     #ruleFilter input,
  275.     input[type=number] {
  276.         -moz-appearance: none !important;
  277.         background-color: #161a27 !important;
  278.         border: 1px solid !important;
  279.         border-color: #161a27 !important;
  280.         color: #ffffff !important;
  281.     }
  282.  
  283.     #cloudWidget {
  284.         background: #161a27 !important;
  285.         color: #ffffff !important;
  286.         color: #ffffff !important;
  287.     }
  288.  
  289.     #cloudWidget>span {
  290.         background: #161a27 !important;
  291.         color: #ffffff !important;
  292.  
  293.     }
  294.  
  295.     #cloudinfo {
  296.         background: #161a27 !important;
  297.         color: #ffffff !important;
  298.     }
  299.  
  300.  
  301.     :root {
  302.         --checkmark: #ffffff !important;
  303.         --checkbox-checked-ink: #1e90ff !important;
  304.     }
  305.  
  306.     button:hover {
  307.         background-color: #161a27 !important;
  308.         fill: #1e90ff80 !important;
  309.     }
  310.  
  311.     button#cloudPush,
  312.     button#cloudPull,
  313.     button#cloudPullAndMerge {
  314.         background: #1e90ff !important;
  315.     }
  316.  
  317.     span.counts {
  318.         color: #1e90ff !important;
  319.     }
  320.  
  321.     #actions {
  322.         background: #161a27 !important;
  323.     }
  324.  
  325.     #ublock0_raymondhill_net-browser-action label {
  326.         color: #ffffff !important;
  327.         background-color: #1e90ff !important;
  328.         opacity: 1 !important;
  329.     }
  330.  
  331.     .CodeMirror-activeline-background {
  332.         background: #1e90ff !important;
  333.  
  334.     }
  335.  
  336.     /*****THIS IS A PLACEHOLDER COLOR CHOOSE SOMETHING NICER****/
  337.     #advancedSettings {
  338.         color: #f9f9fa !important;
  339.     }
  340.  
  341.     .CodeMirror {
  342.         background: #161a27 !important;
  343.         color: #f9f9fb !important;
  344.     }
  345.  
  346.     .CodeMirror-gutters {
  347.         background-color: #161a27 !important;
  348.         border-right: 1px solid #32313c !important;
  349.     }
  350.  
  351.     .CodeMirror-merge-gap {
  352.         background: #161a27 !important;
  353.         border-left: 1px solid #32313c !important;
  354.         border-right: 1px solid #32313c !important;
  355.     }
  356. }
  357.  
  358. /*-------------downloads sidebar webext tweaks dark ------------------*/
  359.  
  360. @-moz-document url("moz-extension://8323b085-12c9-427f-af42-142a4a90bbb0/sidebar/panel.html") {
  361.  
  362.     html,
  363.     body {
  364.         font-family: Fira Sans !important;
  365.         background-color: #161a27 !important;
  366.         color: #ffffff !important;
  367.     }
  368.  
  369.     .toolbar-item .btn,
  370.     .change-state-button,
  371.     .cancel-button,
  372.     .erase-button {
  373.         filter: invert(100%) !important;
  374.     }
  375.  
  376.     .progress {
  377.         border: 0px solid #454545 !important;
  378.         background-color: rgba(30, 144, 255, 0.5) !important;
  379.     }
  380.  
  381.     .toolbar-bottom {
  382.         border-top: 0px solid #454545 !important;
  383.     }
  384.  
  385.     .item:hover {
  386.         background-image: linear-gradient(to top, #1e90ff, #1b1924) !important;
  387.         border-radius: 0px !important;
  388.         box-shadow: 0 0 0px 4px #161a27 !important;
  389.     }
  390.  
  391.     .item:selected {
  392.         background-image: linear-gradient(to top, #1e90ff, #1b1924) !important;
  393.         border-radius: 0px !important;
  394.         box-shadow: 0 0 0px 4px #161a27 !important;
  395.     }
  396. }
  397.  
  398. /* about:support*/
  399. @-moz-document url(about:support),
  400. url(about:profiles) {
  401.     body.wide-container {
  402.         background-color: #161a27 !important;
  403.         color: #ffffff !important;
  404.     }
  405.  
  406.     th.column,
  407.     button {
  408.         background: #1e90ff !important;
  409.     }
  410.  
  411.     button:hover {
  412.         background: #1e90ff80 !important;
  413.     }
  414.  
  415.     a {
  416.         color: #1e90ff !important;
  417.     }
  418. }
  419.  
  420. /* about:preferences */
  421.  
  422. @-moz-document url-prefix("about:preferences") {
  423.     .sticky-container {
  424.         background-color: #161a27 !important;
  425.     }
  426.  
  427.  
  428.     :root {
  429.         font-family: Fira Sans !important;
  430.         background-color: #161a27 !important;
  431.  
  432.     }
  433.  
  434.     a,
  435.     .text-link {
  436.         color: #1e90ff !important;
  437.         text-decoration: none !important;
  438.     }
  439.  
  440.     a:hover,
  441.     .text-link:hover {
  442.         color: #1e90ff80 !important;
  443.         text-decoration: none !important;
  444.     }
  445.  
  446.     .category[selected],
  447.     .category.selected {
  448.         fill: #1e90ff !important;
  449.         color: #1e90ff !important;
  450.     }
  451.  
  452.     /*
  453.     #categories>.category[selected],
  454.     #categories>.category.selected {
  455.         color: #1e90ff !important;
  456.         border-radius: 0px !important;
  457.         color: #ffffff !important;
  458.     }
  459. */
  460.     #categories>.category:hover {
  461.         background-color: #1e90ff !important;
  462.         color: #ffffff !important;
  463.         border-radius: 2px !important;
  464.     }
  465.  
  466.     checkbox:not([disabled="true"]):hover>.checkbox-check,
  467.     input[type="checkbox"]:not(:disabled):hover {
  468.         border-color: #1e90ff !important;
  469.     }
  470.  
  471.     radio:not([disabled="true"]):hover>.radio-check {
  472.         border-color: #1e90ff !important;
  473.     }
  474.  
  475.     radio:hover>.radio-check {
  476.         fill: #1e90ff80 !important;
  477.     }
  478.  
  479.     radio:hover {
  480.         fill: #1e90ff80 !important;
  481.     }
  482.  
  483.     .text-link {
  484.         color: #1e90ff !important;
  485.     }
  486.  
  487.  
  488.     button {
  489.         appearance: none !important;
  490.         background-color: #1e90ff !important;
  491.         border: 0px solid !important;
  492.         border-radius: 3px !important;
  493.         color: #ffffff !important;
  494.         /*border-color: #1e90ff !important;*/
  495.     }
  496.  
  497.     button:hover {
  498.         background-color: #1e90ff50 !important;
  499.         /*border-color: #1e90ff50 !important;*/
  500.     }
  501.  
  502.     #handlersView,
  503.     #engineChildren {
  504.         background-color: #161a27 !important;
  505.         border-color: #1e90ff !important;
  506.     }
  507.  
  508.     #browserContainersExtensionContent {
  509.         background-color: #1e90ff20 !important;
  510.     }
  511.  
  512.     .extension-controlled-icon {
  513.         fill: #ffffff !important;
  514.         opacity: 1 !important;
  515.         filter: invert(100%) !important;
  516.     }
  517.  
  518.     .content-blocking-category.selected {
  519.         border: 1px solid#1e90ff !important;
  520.         border-radius: 2px !important;
  521.         background-color: #1e90ff80 !important;
  522.     }
  523.  
  524.     .content-blocking-category {
  525.         border: 1px solid#1e90ff !important;
  526.         border-radius: 2px !important;
  527.         background-color: #1e90ff20 !important;
  528.     }
  529.  
  530.     #updateSettingsContainer {
  531.         border-radius: 2px !important;
  532.         background: #1e90ff80 !important;
  533.         border: 1px solid #1e90ff !important;
  534.     }
  535.  
  536.     .sync-group.sync-configured {
  537.         border-radius: 2px !important;
  538.         background: #1e90ff80 !important;
  539.         border: 1px solid #1e90ff !important;
  540.     }
  541.  
  542.     .dialogBox,
  543.     #PermissionsDialog,
  544.     box-inherit.dialog-content-box {
  545.         background-color: #161a27 !important;
  546.         color: #ffffff !important;
  547.         border: 1px solid transparent;
  548.         border-radius: 8px !important;
  549.         font-family: Fira Sans !important;
  550.     }
  551.  
  552.  
  553.     button {
  554.         appearance: none !important;
  555.         color: inherit !important;
  556.         background-color: #1e90ff !important;
  557.         border: 0px solid #1e90ff !important;
  558.     }
  559.  
  560.     button[disabled] {
  561.         opacity: 0.8 !important;
  562.     }
  563.  
  564.  
  565.     button:not([disabled]):hover {
  566.  
  567.         background-color: #1e90ff80 !important;
  568.         box-shadow: none !important;
  569.     }
  570.  
  571.     button:not([disabled]):active {
  572.         box-shadow: none !important;
  573.     }
  574.  
  575.     input[type="checkbox"].toggle-button:checked:hover {
  576.         background: #1e90ff70 !important;
  577.         border-color: #ffffff !important;
  578.     }
  579.  
  580.     input[type="checkbox"].toggle-button:enabled:hover {
  581.         background: #1e90ffa0 !important;
  582.         border-color: #ffffff !important;
  583.     }
  584.  
  585.     input[type="checkbox"].toggle-button {
  586.         background: #1e90ff30 !important;
  587.         border-color: #ffffff !important;
  588.     }
  589.  
  590.     input[type="checkbox"]:enabled:checked {
  591.         background-image: url("chrome://global/skin/icons/check.svg") !important;
  592.         -moz-context-properties: fill !important;
  593.         fill: #ffffff !important;
  594.         background-position: center !important;
  595.         background-repeat: no-repeat !important;
  596.         background-color: #1e90ff !important;
  597.  
  598.         border-color: #1e90ff !important;
  599.         color: #ffffff !important;
  600.         fill: #ffffff !important;
  601.     }
  602.  
  603.     input[type="checkbox"]:hover {
  604.         background: #1e90ffa0 !important;
  605.         border-color: #1e90ff !important;
  606.     }
  607.  
  608.     input[type="checkbox"] {
  609.         background: #161a27 !important;
  610.         border-color: #1e90ff !important;
  611.     }
  612.  
  613.     /*
  614.     checkbox:not([disabled]):hover>.checkbox-check {
  615.         border-color: #1e90ff !important;
  616.         background-color: #1e90ff !important;
  617.         border-radius: 3px !important;
  618.         color: #ffffff !important;
  619.         fill: #ffffff !important;
  620.     }
  621.  
  622.     checkbox[checked]>.checkbox-check {
  623.         list-style-image: url("chrome://global/skin/icons/check.svg");
  624.         -moz-context-properties: fill !important;
  625.         fill: #ffffff !important;
  626.         background-color: #1e90ff !important;
  627.     }
  628.  
  629.     checkbox>.checkbox-check {
  630.         background-color: #161a27 !important;
  631.         color: #ffffff !important;
  632.         border-color: #1e90ff !important;
  633.         border-radius: 2px !important;
  634.  
  635.     }
  636. */
  637.     #handlersView>richlistitem:active,
  638.     #handlersView>richlistitem[selected],
  639.     #handlersView>richlistitem:hover {
  640.         color: #ffffff !important;
  641.         background: #1e90ff !important;
  642.     }
  643.  
  644.     search-textbox {
  645.         appearance: none !important;
  646.         border: 1px solid #1e90ff !important;
  647.         border-radius: 4px !important;
  648.         color: #ffffff !important;
  649.         background: #161a27 !important;
  650.         outline: 0px !important;
  651.         padding-top: 4px !important;
  652.     }
  653.  
  654.     #listheader,
  655.     treecol {
  656.         border-color: #1e90ff !important;
  657.         background-color: #1e90ff50 !important;
  658.         box-shadow: inset 0 -1px #1e90ff !important;
  659.  
  660.     }
  661.  
  662.     listheader {
  663.         border-color: #1e90ff !important;
  664.     }
  665.  
  666.     #downloadFolder {
  667.         border-color: #1e90ff !important;
  668.         background-color: #161a27 !important;
  669.     }
  670.  
  671.     input[type="radio"]:checked,
  672.     *.radio-check[selected] {
  673.         -moz-context-properties: fill;
  674.         fill: currentColor;
  675.         color: #ffffff !important;
  676.         background-color: #1e90ff !important;
  677.         background-image: url("chrome://global/skin/icons/radio.svg");
  678.         border-color: #1e90ff !important;
  679.         color-adjust: exact;
  680.     }
  681.  
  682.     input[type="radio"],
  683.     *.radio-check {
  684.         appearance: none !important;
  685.  
  686.         border: 1px solid #1e90ff !important;
  687.  
  688.         background-color: #161a27 !important;
  689.  
  690.     }
  691.  
  692.     #homePageUrl,
  693.     #fxaSyncComputerName {
  694.         background: #161a27 !important;
  695.         color: #ffffff;
  696.         border-color: #1e90ff !important;
  697.     }
  698.  
  699.     menulist {
  700.         min-height: unset !important;
  701.         height: unset !important;
  702.         background-color: #1e90ff80 !important;
  703.         color: #ffffff !important;
  704.         border-radius: 0px !important;
  705.     }
  706.  
  707.     /*
  708.     button:not(.button-link):not(.close-icon):not(#contentBlockingToggle) {
  709.         padding: 0px !important;
  710.     }
  711. */
  712.     menulist {
  713.         padding: 2px !important;
  714.     }
  715.  
  716.     /*
  717.     button:not(.button-link):not(.close-icon):not(.spinbuttons-button) {
  718.         appearance: button !important;
  719.     }
  720. */
  721.     /*
  722.     menulist {
  723.         appearance: menulist !important;
  724.     }
  725. */
  726.     /* menulist popup */
  727.  
  728.  
  729.  
  730.  
  731.     menupopup menuitem {
  732.         background: #161a27 !important;
  733.         padding-top: unset !important;
  734.         padding-bottom: unset !important;
  735.     }
  736.  
  737.     menupopup menuitem:not([disabled="true"]) {
  738.         background: #161a27 !important;
  739.         color: #ffffff !important;
  740.     }
  741.  
  742.     menupopup menuitem[selected],
  743.     menupopup menuitem[_moz-menuactive="true"] {
  744.         background: #1e90ff !important;
  745.         color: #ffffff !important;
  746.     }
  747.  
  748.     menupopup menuitem:not([disabled="true"])[selected],
  749.     menupopup menuitem:not([disabled="true"])[_moz-menuactive="true"] {
  750.         background: #1e90ff !important;
  751.         color: #ffffff !important;
  752.     }
  753.  
  754. }
  755.  
  756.  
  757. @-moz-document url("chrome://global/content/config.xhtml") {
  758.     :root {
  759.         font-family: Fira Sans !important;
  760.         font-size: 14px !important;
  761.         background-color: #161a27 !important;
  762.         color: #ffffff !important;
  763.         fill: #ffffff !important;
  764.         opacity: 1 !important;
  765.     }
  766. }
  767.  
  768. @-moz-document url("about:home") {
  769.     .outer-wrapper {
  770.         background-color: #161a27 !important;
  771.     }
  772.  
  773.     #newtab-search-text,
  774.     #searchSuggestionTable,
  775.     #searchSuggestionTable>tr,
  776.     #searchSuggestionTable>tr>td,
  777.     #searchSuggestionTable>table>tr>td,
  778.     #searchSuggestionTable>button {
  779.         background-color: #161a27 !important;
  780.         color: #ffffff !important;
  781.         fill: #ffffff !important;
  782.     }
  783.  
  784.     .search-wrapper input {
  785.         box-shadow: none !important;
  786.         background-color: black !important;
  787.     }
  788.  
  789.     body {
  790.         background-color: #161a27 !important;
  791.         background: #161a27 !important;
  792.         color: #ffffff !important;
  793.     }
  794.  
  795.     .prefs-button button {
  796.         fill: #161a27 !important;
  797.     }
  798.  
  799.     .prefs-button button:hover,
  800.     .prefs-button button:focus {
  801.         background-color: transparent !important;
  802.     }
  803.  
  804.     .prefs-button button {
  805.         display: none !important;
  806.     }
  807. }
  808.  
  809. @-moz-document url-prefix("chrome: //global/content/httpsonlyerror/errorpage.html") {
  810.  
  811.     html,
  812.     body.container {
  813.         font-family: Fira Sans !important;
  814.         background-color: #161a27 !important;
  815.         color: #ffffff !important;
  816.     }
  817. }
  818.  
  819. @-moz-document url("about:addons") {
  820.  
  821.     :root {
  822.         overflow-x: hidden;
  823.         --in-content-border-hover: #1e90ff !important;
  824.         --card-outline-color: #1e90ff !important;
  825.         --in-content-item-hover: rgba(30, 144, 255, 0.5) !important;
  826.         --in-content-item-selected: #1e90ff !important;
  827.         --in-content-item: #ffffff !important;
  828.         --in-content-border: 1px !important;
  829.         --card-outline-color: #1e90ff !important;
  830.         --card-shadow-hover: var(--card-shadow), 0 0 0 2px var(--card-outline-color) !important;
  831.         background-color: #161a27 !important;
  832.         font-family: "Fira Sans" !important;
  833.     }
  834.  
  835.  
  836.     html {
  837.         background: #161a27 !important;
  838.         background-color: #161a27 !important;
  839.         color: #ffffff !important;
  840.         font-family: Fira Sans !important;
  841.     }
  842.  
  843.     .inline-options-stack {
  844.         background-color: #161a27 !important;
  845.         color: #ffffff !important;
  846.     }
  847.  
  848.     #addons-inline-options {
  849.         color: #ffffff !important;
  850.     }
  851.  
  852.     a {
  853.         color: #1e90ff !important;
  854.     }
  855.  
  856.     .back-button,
  857.     .forward-button {
  858.         background-color: #1e90ff80 !important;
  859.     }
  860.  
  861.     .back-button:hover,
  862.     .forward-button:hover {
  863.         background-color: #1e90ff !important;
  864.     }
  865.  
  866.     addon-details {
  867.         color: #ffffff !important;
  868.     }
  869.  
  870.     .button#updates-message {
  871.         background: #1e90ff !important;
  872.         color: #ffffff !important;
  873.     }
  874.  
  875.     .button#updates-message:hover {
  876.         background: #1e90ff80 !important;
  877.         color: #ffffff !important;
  878.     }
  879.  
  880.     /* Remove this if it causes horizontal scrolling problems */
  881.  
  882.     @media (min-width:720px) {
  883.         #main {
  884.             max-width: unset !important;
  885.             padding-right: 28px !important;
  886.         }
  887.  
  888.  
  889.         addon-list>section,
  890.         recommended-addon-list {
  891.             padding: 1em !important;
  892.             display: grid !important;
  893.             grid-template-areas: "hd hd""cd cd" !important;
  894.             grid-template-columns: 1fr 1fr !important;
  895.             column-gap: 1em !important;
  896.  
  897.         }
  898.  
  899.         addon-card .card-contents {
  900.             width: unset !important;
  901.             white-space: initial !important;
  902.         }
  903.  
  904.         .card-heading-image {
  905.             max-width: calc(100% + 32px) !important;
  906.         }
  907.  
  908.         section>h2 {
  909.             grid-area: hd !important;
  910.         }
  911.  
  912.         addon-card {
  913.             padding-bottom: 0px !important;
  914.             padding-top: 0px !important;
  915.             grid-area: auto !important;
  916.         }
  917.  
  918.         addon-card .addon-description {
  919.             max-height: 3em !important;
  920.             scrollbar-width: thin !important;
  921.             color: #ffffff !important;
  922.             text-align: inherit !important;
  923.         }
  924.  
  925.  
  926.         .stack.inline-options-stack {
  927.             background-color: #161a27 !important;
  928.             color: #ffffff !important;
  929.             font-size: 14px !important;
  930.             border: none !important;
  931.         }
  932.  
  933.  
  934.         addon-card .addon-description {
  935.             height: 3em !important;
  936.             scrollbar-color: #1e90ff #000000 !important;
  937.             scrollbar-width: thin !important;
  938.         }
  939.     }
  940.  
  941.     .addon-updates-manual-updates-found {
  942.         background: #1e90ff !important;
  943.         background-color: #1e90ff !important;
  944.         color: #ffffff !important;
  945.     }
  946.  
  947.     .addon-updates-manual-updates-found:hover {
  948.         background: #1e90ff80 !important;
  949.         background-color: #1e90ff80 !important;
  950.         color: #ffffff !important;
  951.     }
  952.  
  953.     .addon-badge-recommended,
  954.     .addon-badge-private-browsing-allowed {
  955.         transform: scale(0.85) !important;
  956.         margin-bottom: 0px !important;
  957.     }
  958.  
  959.     #page-options panel-list {
  960.         background-color: #161a27 !important;
  961.         font-size: 14px !important;
  962.         border: none !important;
  963.         color: #ffffff !important;
  964.         outline: none !important;
  965.         box-shadow: none !important;
  966.     }
  967.  
  968.     .details-deck {
  969.         color: inherit !important;
  970.     }
  971.  
  972.     .details-deck-button {
  973.         color: #ffffff !important;
  974.     }
  975.  
  976.  
  977.     .addon-detail-row {
  978.         display: flex;
  979.         justify-content: space-between;
  980.         align-items: center !important;
  981.         border-top: 1px solid var(--in-content-border-color);
  982.         margin: 0 calc(var(--card-padding) * -1);
  983.         padding: var(--card-padding);
  984.         color: #ffffff !important;
  985.     }
  986.  
  987.     search-textbox {
  988.         background-color: #161a27 !important;
  989.     }
  990.  
  991.     .addon-detail-contribute-button {
  992.         -moz-context-properties: fill;
  993.         fill: #ffffff !important;
  994.         background-image: url("chrome://global/skin/icons/heart.svg");
  995.         background-color: #1e90ff !important;
  996.  
  997.     }
  998.  
  999.     .addon-detail-contribute-button:hover {
  1000.         -moz-context-properties: fill;
  1001.         fill: #ffffff !important;
  1002.         background-image: url("chrome://global/skin/icons/heart.svg");
  1003.         background-color: #1e90ff80 !important;
  1004.  
  1005.     }
  1006.  
  1007.     /*.category.selected */
  1008.     .category[selected] {
  1009.         fill: #1e90ff !important;
  1010.         color: #1e90ff !important;
  1011.     }
  1012.  
  1013.     #categories>.category:hover {
  1014.         background-color: #1e90ff !important;
  1015.         color: #ffffff !important;
  1016.         fill: #ffffff !important;
  1017.  
  1018.         border-radius: 4px !important;
  1019.     }
  1020.  
  1021.     button[role=menuitem]:focus,
  1022.     button[role=menuitem]:enabled:hover {
  1023.         background: #1e90ff !important;
  1024.     }
  1025.  
  1026.     .theme-enable-button {
  1027.         background: #1e90ff80 !important;
  1028.     }
  1029.  
  1030.     .theme-enable-button:hover {
  1031.         background: #1e90ff !important;
  1032.     }
  1033.  
  1034.     .disco-cta-button {
  1035.         background: #1e90ff80 !important;
  1036.     }
  1037.  
  1038.     .disco-cta-button:hover {
  1039.         background: #1e90ff !important;
  1040.     }
  1041.  
  1042.     /*
  1043.     button {
  1044.         background: #1e90ff !important;
  1045.     }
  1046.  
  1047.     button:hover {
  1048.         background: #1e90ff80 !important;
  1049.     }
  1050. */
  1051.     panel-item-separator {
  1052.         background-color: #454545 !important;
  1053.         margin-inline: 5px !important;
  1054.     }
  1055.  
  1056.     .more-options-button {
  1057.         background-color: #1e90ff80 !important;
  1058.         color: #ffffff !important;
  1059.     }
  1060.  
  1061.     .more-options-button:hover {
  1062.         background-color: #1e90ff !important;
  1063.         color: #ffffff !important;
  1064.     }
  1065.  
  1066.     .more-options-button menulist {
  1067.         background: #161a27 !important;
  1068.         box-shadow: none !important;
  1069.     }
  1070.  
  1071.     .sticky-container,
  1072.     .main-search,
  1073.     .main-heading,
  1074.     .main-page-content {
  1075.         background-color: #161a27 !important;
  1076.     }
  1077.  
  1078.     .addon-name-link {
  1079.         color: #1e90ff !important;
  1080.     }
  1081.  
  1082.  
  1083.     .addon.card {
  1084.         border-radius: 4px !important;
  1085.         background-color: #1e90ff15 !important;
  1086.         color: #ffffff !important;
  1087.     }
  1088.  
  1089.     /*
  1090.     .addon.card:hover {
  1091.         outline: 1px !important;
  1092.         border: 1px !important;
  1093.     }*/
  1094.  
  1095.     input[type="checkbox"].toggle-button:checked:hover {
  1096.         background: #1e90ff80 !important;
  1097.         /*border-color: var(--in-content-primary-button-background-active);*/
  1098.     }
  1099.  
  1100.     input[type="checkbox"].toggle-button:enabled:hover {
  1101.         background: #1e90ff80 !important;
  1102.  
  1103.     }
  1104.  
  1105.     input[type="checkbox"].toggle-button {
  1106.         background: #1e90ff !important;
  1107.  
  1108.     }
  1109.  
  1110.     @media (prefers-contrast) {
  1111.  
  1112.         button.tab-button[selected],
  1113.         button.tab-button[selected]:hover {
  1114.             color: #ffffff !important;
  1115.             background-color: #1e90ff !important;
  1116.         }
  1117.     }
  1118.  
  1119.     button.tab-button:-moz-focusring {
  1120.         outline-offset: -1px !important;
  1121.     }
  1122.  
  1123.     .tab-group[last-input-type="mouse"]>button.tab-button:-moz-focusring {
  1124.         outline: none;
  1125.         box-shadow: none;
  1126.     }
  1127.  
  1128.     .ghost-button:not(.semi-transparent):enabled:hover {
  1129.         background-color: #1e90ff80 !important;
  1130.         color: #ffffff !important;
  1131.     }
  1132.  
  1133.     tab-button[selected],
  1134.     .tab-button[selected]:hover,
  1135.     .tab-button[selected] {
  1136.         border-top-color: #ffffff !important;
  1137.         color: #ffffff !important;
  1138.         background-color: #1e90ff80 !important;
  1139.     }
  1140.  
  1141.     .tab-button:hover {
  1142.         border-top-color: #1e90ff80 !important;
  1143.         background-color: #1e90ff !important;
  1144.         color: #ffffff !important;
  1145.     }
  1146.  
  1147.     tab-button {
  1148.         appearance: none !important;
  1149.         border-inline: none !important;
  1150.         border-block: 2px solid transparent !important;
  1151.         border-radius: 2px !important;
  1152.         background: transparent !important;
  1153.         background-color: transparent !important;
  1154.         font-size: 14px !important;
  1155.         line-height: 20px !important;
  1156.         margin: 0 !important;
  1157.         padding: 4px 16px !important;
  1158.     }
  1159.  
  1160.     plugin-options>panel-list,
  1161.     addon-options>panel-list {
  1162.         box-shadow: none !important;
  1163.         background-color: #161a27 !important;
  1164.         outline: none !important;
  1165.         border: none !important;
  1166.         color: #ffffff !important;
  1167.         /* Having a backdrop-filter leads to some unexpected layering issues */
  1168.     }
  1169.  
  1170.     button.primary {
  1171.         background: #1e90ff !important;
  1172.         color: #ffffff !important;
  1173.     }
  1174.  
  1175.     button.primary:hover {
  1176.         background: #1e90ff80 !important;
  1177.         color: #ffffff !important;
  1178.     }
  1179.  
  1180.     button.addon-updates-manual-updates-found {
  1181.         background: #1e90ff !important;
  1182.         color: #ffffff !important;
  1183.     }
  1184.  
  1185.     button.addon-updates-manual-updates-found:hover {
  1186.         background: #1e90ff !important;
  1187.         color: #ffffff !important;
  1188.     }
  1189.  
  1190.     button.install-postponed {
  1191.         background: #1e90ff !important;
  1192.         color: #ffffff !important;
  1193.     }
  1194.  
  1195.     button.install-postponed:hover {
  1196.         background: #1e90ff !important;
  1197.         color: #ffffff !important;
  1198.     }
  1199. }
  1200.  
  1201. /*------ HTTPS EVERYWHERE ADDON ------*/
  1202. @-moz-document url-prefix("moz-extension://c36e8fbe-ae73-46bc-aef1-79a6938f3366/") {
  1203.  
  1204.     html,
  1205.     body,
  1206.     header {
  1207.         font-family: Fira Sans !important;
  1208.         background: rgb(22, 26, 39) !important;
  1209.         color: #ffffff !important;
  1210.     }
  1211.  
  1212.     span,
  1213.     span.rulesets-version,
  1214.     span#current-version {
  1215.         font-family: Fira Sans !important;
  1216.         background: #161a27 !important;
  1217.         color: #ffffff !important;
  1218.  
  1219.     }
  1220.  
  1221.     h1,
  1222.     h2,
  1223.     h3 {
  1224.         color: #fff !important
  1225.     }
  1226.  
  1227.     label {
  1228.         color: #ccc !important
  1229.     }
  1230.  
  1231.     button,
  1232.     input[type="button"] {
  1233.         -moz-appearance: none !important;
  1234.         border-radius: 3px !important;
  1235.         background-color: #555 !important;
  1236.         color: #ffffff !important;
  1237.         border: none !important;
  1238.         padding: 5px !important;
  1239.         margin: 3px !important
  1240.     }
  1241.  
  1242.     .logo-container img {
  1243.         display: none;
  1244.     }
  1245.  
  1246.     .logo-container::before {
  1247.         content: url("HTTPS-Everywhere-Logo2.png") !important;
  1248.         height: 36px !important;
  1249.         width: 71.017px !important;
  1250.         background-color: #161a27 !important;
  1251.     }
  1252.  
  1253.     button:hover,
  1254.     input[type="button"]:hover {
  1255.         background-color: #1e90ff !important;
  1256.         color: #ffffff !important;
  1257.         box-shadow: none !important;
  1258.     }
  1259.  
  1260.     a:link,
  1261.     a {
  1262.         color: #1e90ff !important;
  1263.     }
  1264.  
  1265.     a:visited {
  1266.         color: #0070aa !important;
  1267.     }
  1268.  
  1269.     a:hover {
  1270.         color: #0ff !important;
  1271.     }
  1272.  
  1273.     a:active {
  1274.         color: #0050aa !important;
  1275.     }
  1276.  
  1277.     input[type="text"] {
  1278.         -moz-appearance: none !important;
  1279.         background-color: #444 !important;
  1280.         border: 1px solid #666 !important;
  1281.         color: #fff !important;
  1282.         margin: 3px !important;
  1283.     }
  1284.  
  1285.     input[type="text"]:focus {
  1286.         border: 1px solid#1e90ff !important;
  1287.     }
  1288.  
  1289.     input[type="text"][disabled] {
  1290.         color: #aaa !important;
  1291.     }
  1292. }
  1293.  
  1294.  
  1295.  
  1296. @-moz-document url-prefix("about:debugging") {
  1297.     body {
  1298.         background-color: #161a27 !important;
  1299.         color: #ffffff !important;
  1300.     }
  1301.  
  1302.     li.card.debug-target-item.qa-debug-target-item,
  1303.     .connect-section {
  1304.         border: 2px solid #1f90ff !important;
  1305.         border-radius: 4px !important;
  1306.         background-color: #161a27 !important;
  1307.         color: #ffffff !important;
  1308.  
  1309.     }
  1310.  
  1311.     a.qa-manifest-url {
  1312.         background-color: #161a27 !important;
  1313.         color: #ffffff !important;
  1314.     }
  1315.  
  1316.     button.default-button.qa-debug-target-inspect-button {
  1317.         color: #ffffff !important;
  1318.         background-color: #1e90ff !important;
  1319.     }
  1320.  
  1321.     .card,
  1322.     .card *:not(button) {
  1323.  
  1324.         background-color: #161a27 !important;
  1325.     }
  1326.  
  1327.     .fieldpair__description {
  1328.         background-color: #161a27 !important;
  1329.         color: #ffffff !important;
  1330.     }
  1331.  
  1332.     .default-button {
  1333.         color: #ffffff !important;
  1334.         background-color: #1e90ff !important;
  1335.     }
  1336.  
  1337.     .default-button:enabled:hover {
  1338.         color: #ffffff !important;
  1339.         background-color: #1e90ff80 !important;
  1340.     }
  1341.  
  1342.     .primary-button {
  1343.         color: #ffffff !important;
  1344.         background-color: #1e90ff !important;
  1345.     }
  1346.  
  1347.     .primary-button:hover {
  1348.         color: #ffffff !important;
  1349.         background-color: #1e90ff80 !important;
  1350.     }
  1351.  
  1352.     .debug-target-item__icon {
  1353.         background-color: #161a27 !important;
  1354.     }
  1355.  
  1356.  
  1357.     .icon-label__icon,
  1358.     .sidebar__footer__icon {
  1359.         fill: grey !important;
  1360.     }
  1361.  
  1362.     *:link {
  1363.         color: #1e90ff !important;
  1364.     }
  1365.  
  1366.     *:visited {
  1367.         color: #1e90ff80 !important;
  1368.     }
  1369.  
  1370.     html,
  1371.     :root,
  1372.     body,
  1373.     * {
  1374.         color: #ffffff !important;
  1375.         background-color: #161a27 !important;
  1376.     }
  1377. }
  1378.  
  1379. /**************************-*/
  1380. @-moz-document url-prefix("https://addons.mozilla.org") {
  1381.  
  1382.     :root {
  1383.         --nordp-0: #2E3440;
  1384.         --nordp-1: #3B4253;
  1385.         --nordp-2: #434c5E;
  1386.         --nordp-3: #4C566A;
  1387.  
  1388.         --nords-0: #d8DEE9;
  1389.         --nords-1: #E5e9f0;
  1390.         --nords-2: #ECEFF4;
  1391.  
  1392.         --nordf-0: #8FBCBB;
  1393.         --nordf-1: #88C0D0;
  1394.         --nordf-2: #81A1C1;
  1395.         --nordf-3: #5E81AC;
  1396.         --nordf-4: #8ad;
  1397.  
  1398.         --norda-0: #BF616A;
  1399.         --norda-1: #D08770;
  1400.         --norda-2: #EBCB8B;
  1401.         --norda-3: #A3Be8C;
  1402.         --norda-4: #B48EAD;
  1403.     }
  1404.  
  1405.     :root {
  1406.         font-family: Fira Sans !important;
  1407.     }
  1408.  
  1409.     .Page-content,
  1410.     .Header-wrapper,
  1411.     .Header,
  1412.     .Footer,
  1413.     .Footer-wrapper,
  1414.     .LanguageTools-header-row,
  1415.     .amo {
  1416.         background: #161a27 !important;
  1417.         background-color: #161a27 !important;
  1418.     }
  1419.  
  1420.     h1,
  1421.     h2 {
  1422.         color: #ffffff !important;
  1423.     }
  1424.  
  1425.     .SearchResult-link,
  1426.     .SearchResult-linklink {
  1427.         color: #1e90ff !important;
  1428.         font-size: 16px !important;
  1429.     }
  1430.  
  1431.     .Guides-header,
  1432.     .HomeHeroGuides-sections .Hero-name-HomeHeroGuides {
  1433.         border-color: #ffffff !important;
  1434.     }
  1435.  
  1436.     .App-content,
  1437.     .Home,
  1438.     .LandingPage,
  1439.     .LanguageTools-table-row:nth-child(2n),
  1440.     .Paginate {
  1441.         background: #161a27 !important;
  1442.     }
  1443.  
  1444.     .Select {
  1445.         background-color: #161a27 !important;
  1446.     }
  1447.  
  1448.     .SearchForm-icon-magnifying-glass {
  1449.         filter: invert(85%) !important;
  1450.     }
  1451.  
  1452.     .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  1453.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  1454.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  1455.     .AddonsCard--horizontal .Card-contents,
  1456.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  1457.     .AutoSearchInput-suggestions-item,
  1458.     .Card--photon .Card-contents,
  1459.     .Card-contents,
  1460.     .Card-contents li,
  1461.     .Card-footer,
  1462.     .Card-footer-link,
  1463.     .Card-footer-text,
  1464.     .Card-header,
  1465.     .Categories .Card-contents,
  1466.     .DropdownMenu-items::after,
  1467.     .DropdownMenu-items,
  1468.     .Hero .Card-contents,
  1469.     .Home-SubjectShelf .Card-contents,
  1470.     .LandingPage-header,
  1471.     .MetadataCard,
  1472.     .Search .SearchResults .SearchResult,
  1473.     .Search .SearchResults-message,
  1474.     .SearchForm-query,
  1475.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  1476.     .SectionLinks-dropdown .DropdownMenu-items,
  1477.     input.AutoSearchInput-query,
  1478.     .DropdownMenuItem-section {
  1479.         background-color: #102942 !important;
  1480.         color: #ffffff !important;
  1481.     }
  1482.  
  1483.     .AutoSearchInput-suggestions-item {
  1484.         color: #ffffff !important;
  1485.         font-size: 12px !important;
  1486.     }
  1487.  
  1488.     input.AutoSearchInput-query {
  1489.         font-size: 13px !important;
  1490.     }
  1491.  
  1492.     .Addon-author,
  1493.     .Addon-author a,
  1494.     .Addon-author a:link .Button--action,
  1495.     .Addon-title,
  1496.     .AddonBadges .Badge,
  1497.     .AddonTitle,
  1498.     .Button--action,
  1499.     .Button--action.Button--small:link,
  1500.     .Button--action:link,
  1501.     .Button--neutral,
  1502.     .Button--neutral:link,
  1503.     .Card--photon .Card-contents,
  1504.     .Card-contents,
  1505.     .Card-footer-text,
  1506.     .Definition-dt,
  1507.     .DropdownMenuItem,
  1508.     .ui.DropdownMenu-items,
  1509.     .DropdownMenuItem-link a,
  1510.     .DropdownMenuItem-link a:link,
  1511.     .DropdownMenuItem-section,
  1512.     .ExpandableCard-ToggleLink:link,
  1513.     .Footer a:active,
  1514.     .Footer a:hover,
  1515.     .Footer-links-header a:link,
  1516.     .GuidesAddonCard .AddonTitle a,
  1517.     .GuidesAddonCard .GuidesAddonCard-content-header-title .AddonTitle-author,
  1518.     .Home-SubjectShelf-link:link,
  1519.     .Home-SubjectShelf-link:visited,
  1520.     .Home-SubjectShelf-subheading,
  1521.     .LandingPage-addonType-name,
  1522.     .LandingPage-heading-content,
  1523.     .MetadataCard-list dt,
  1524.     .Paginate .Button.Paginate-item--current-page,
  1525.     .Paginate .Button.Paginate-item:first-child,
  1526.     .Paginate .Button.Paginate-item:last-child,
  1527.     .Paginate .Button.Paginate-item:link:first-child,
  1528.     .Paginate .Button.Paginate-item:link:last-child,
  1529.     .Paginate .Button.Paginate-item:visited:first-child,
  1530.     .Paginate .Button.Paginate-item:visited:last-child .Paginate-page-number,
  1531.     .PermissionsCard-subhead,
  1532.     .ReportAbuseButton-show-more,
  1533.     .SearchContextCard-header,
  1534.     .SearchFilters-label,
  1535.     .SearchForm-query,
  1536.     .SearchResult--meta-section,
  1537.     .SearchResult-name,
  1538.     .SearchResult-summary,
  1539.     .Select,
  1540.     input.AutoSearchInput-query {
  1541.         /*background-color: #102942 !important;*/
  1542.         color: #ffffff !important;
  1543.     }
  1544.  
  1545.     .SearchResult-summary {
  1546.         font-weight: normal !important;
  1547.         font-size: 14px !important;
  1548.         line-height: 150% !important;
  1549.         /*text-align: justify !important;*/
  1550.     }
  1551.  
  1552.     .PromotedBadge {
  1553.         background: #ffffff !important;
  1554.         border-radius: 16px !important;
  1555.     }
  1556.  
  1557.     .Paginate .Button.Paginate-item:active,
  1558.     .Paginate .Button.Paginate-item:hover {
  1559.         background-color: #161a27 !important;
  1560.     }
  1561.  
  1562.     .AutoSearchInput-suggestions-item {
  1563.         color: #ffffff !important;
  1564.         font-size: 13px !important;
  1565.     }
  1566.  
  1567.     .popup-notification-learnmore-link {
  1568.         color: #1e90ff !important;
  1569.     }
  1570.  
  1571.     .addon-webext-perm-info,
  1572.     .popup-notification-learnmore-link>text-link {
  1573.         color: #1e90ff !important;
  1574.     }
  1575.  
  1576.     .Card-header {
  1577.         color: #ffffff !important;
  1578.     }
  1579.  
  1580.     /*
  1581.     .Card-contents li .Rating-star-group,
  1582.     .Paginate-next::after,
  1583.     .Paginate-previous::before {
  1584.         filter: invert(70%) !important;
  1585.     }
  1586. */
  1587.     .AddonMeta .MetadataCard-content a,
  1588.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link,
  1589.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:link,
  1590.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:visited,
  1591.     .AddonMeta .MetadataCard-content a:link,
  1592.     .AddonMeta .MetadataCard-content a:visited,
  1593.     .AddonMeta .MetadataCard-title a,
  1594.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link,
  1595.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:link,
  1596.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:visited,
  1597.     .AddonMeta .MetadataCard-title a:link,
  1598.     .AddonMeta .MetadataCard-title a:visited,
  1599.     .RatingsByStar-count a:active,
  1600.     .RatingsByStar-count a:link,
  1601.     .RatingsByStar-count a:visited,
  1602.     .RatingsByStar-star a:active,
  1603.     .RatingsByStar-star a:link,
  1604.     .RatingsByStar-star a:visited {
  1605.         color: white !important;
  1606.     }
  1607.  
  1608.  
  1609.     .ShowMoreCard-contents::after {
  1610.         background: linear-gradient(rgba(255, 255, 255, 0), #1b1924) !important;
  1611.     }
  1612.  
  1613.     .Addon-details .AddonDescription-contents a:link,
  1614.     .AddonDescription-contents a:link,
  1615.     .AddonMoreInfo-contents a:link,
  1616.     .Card-footer-link a,
  1617.     .Card-footer-link a:hover,
  1618.     .Card-footer-link a:link,
  1619.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  1620.     .DropdownMenuItem-link a:hover,
  1621.     .AddonDescription-contents a:link:active,
  1622.     .AddonDescription-contents a:link:visited,
  1623.     .Home-SubjectShelf-link:active,
  1624.     .Home-SubjectShelf-link:focus,
  1625.     .Home-SubjectShelf-link:hover,
  1626.     .LanguageTools-table a:link,
  1627.     .SearchResult-link:focus .SearchResult-name,
  1628.     .SearchResult-link:hover .SearchResult-name {
  1629.         /*background-color: #1e90ff !important;*/
  1630.         color: white !important;
  1631.  
  1632.     }
  1633.  
  1634.     .Button--action.Button--outline-only {
  1635.         border-color: #161a27 !important;
  1636.     }
  1637.  
  1638.     input.AutoSearchInput-query {
  1639.         border-color: #161a27 !important;
  1640.         /*#1D1923*/
  1641.     }
  1642.  
  1643.     .Addon .InstallButton-button,
  1644.     .Button--action,
  1645.     .Button--action.Button--small,
  1646.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  1647.         background: var(--nordp-2) !important;
  1648.     }
  1649.  
  1650.     .Button--action.Button--outline-only:hover,
  1651.     .Button--action:hover,
  1652.     .SearchForm-query:hover {
  1653.         border-color: var(--nordp-1) !important;
  1654.     }
  1655.  
  1656.     .SearchForm-query:focus {
  1657.         box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  1658.         border-color: var(--in-content-primary-button-background) !important;
  1659.     }
  1660.  
  1661.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  1662.         color: dodgerblue !important;
  1663.         border-radius: 0 !important;
  1664.     }
  1665.  
  1666.     .Button--report {
  1667.         text-shadow: none !important;
  1668.     }
  1669.  
  1670.     .Icon-arrow,
  1671.     .Icon-external {
  1672.         filter: invert(0%) !important;
  1673.     }
  1674.  
  1675.     .Icon-magnifying-glass {
  1676.         filter: invert(0%) !important;
  1677.     }
  1678.  
  1679.     .Icon-featured {
  1680.         filter: invert(85%) !important;
  1681.     }
  1682.  
  1683.     .Icon-plus-dark {
  1684.         filter: invert(0%) !important;
  1685.     }
  1686.  
  1687.     .Button--neutral.Button--puffy,
  1688.     .Button--neutral:link.Button--puffy {
  1689.         background: var(--nordf-0) !important;
  1690.         color: var(--foreground) !important;
  1691.     }
  1692.  
  1693.     .Button--neutral.Button--puffy:hover,
  1694.     .Button--neutral:link.Button--puffy:hover {
  1695.         background: var(--nordf-1) !important;
  1696.     }
  1697.  
  1698.     .Addon-summary a:link {
  1699.         color: #1e90ff !important;
  1700.     }
  1701.  
  1702.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:focus,
  1703.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:hover {
  1704.         background: transparent !important;
  1705.         color: dodgerblue !important;
  1706.         /*border-radius: 9px !important;*/
  1707.     }
  1708.  
  1709.  
  1710.     .UserReview-reply-header,
  1711.     .AddonReviewCard-authorByLine {
  1712.         color: #1f90ff !important;
  1713.     }
  1714.  
  1715.     .UserReview-reply-header .Icon-reply-arrow {
  1716.         color: #ffffff !important;
  1717.         fill: #ffffff !important;
  1718.     }
  1719.  
  1720.     .Icon-reply-arrow {
  1721.  
  1722.         filter: invert(100%) !important;
  1723.     }
  1724.  
  1725.     span .UserReview-reply-header {
  1726.         fill: #1f90ff !important;
  1727.     }
  1728.  
  1729.     /*
  1730.     a,
  1731.     a:link {
  1732.         color: #1e90ff !important;
  1733.        
  1734.     }
  1735.     a:hover,
  1736.     a:link:hover {
  1737.         color: #0057ad !important;
  1738.        
  1739.     }
  1740.     a:link:visited,
  1741.     a:link:active,
  1742.     a:active,
  1743.     a:visited {
  1744.         color: #0057ad !important;
  1745.        
  1746.     }
  1747. */
  1748.     .Card-footer-link {
  1749.         padding: 5px 36px !important;
  1750.         padding-top: 5px !important;
  1751.         padding-right: 36px !important;
  1752.         padding-bottom: 5px !important;
  1753.         padding-left: 36px !important;
  1754.         border-radius: 4px !important;
  1755.     }
  1756.  
  1757.  
  1758.  
  1759.     .AddonDescription-contents a:link:hover {
  1760.         color: dodgerblue !important;
  1761.     }
  1762.  
  1763.     .AddonDescription-contents a:link {
  1764.         color: white !important;
  1765.     }
  1766.  
  1767.     a.Addon-all-reviews-link,
  1768.     .Addon-all-reviews-link {
  1769.         color: white !important;
  1770.         background: dodgerblue !important;
  1771.         border-radius: 4px !important;
  1772.     }
  1773.  
  1774.     a.Addon-all-reviews-link:hover {
  1775.         color: white !important;
  1776.         background: #1e90ff80 !important;
  1777.         border-radius: 4px !important;
  1778.     }
  1779.  
  1780. }
  1781.  
  1782. @-moz-document url-prefix("https://addons.mozilla.org") {
  1783.     :root {
  1784.         --pale-blue: #728cbb;
  1785.         --custom-bg: #333333;
  1786.         --custom-bg-dark: #1a1c1d;
  1787.         --custom-fg: #e2e2e2;
  1788.         --custom-fg-dark: #cccccc;
  1789.         --magenta-50: #ff1ad9;
  1790.         --magenta-60: #ed00b5;
  1791.         --magenta-70: #b5007f;
  1792.         --magenta-80: #7d004f;
  1793.         --magenta-90: #440027;
  1794.         --purple-50: #9400ff;
  1795.         --purple-60: #8000d7;
  1796.         --purple-70: #6200a4;
  1797.         --purple-80: #440071;
  1798.         --purple-90: #25003e;
  1799.         --blue-40: #45a1ff;
  1800.         --blue-50: #0a84ff;
  1801.         --blue-60: #1e90ff;
  1802.         --blue-70: #003eaa;
  1803.         --blue-80: #002275;
  1804.         --blue-90: #000f40;
  1805.         --teal-50: #00feff;
  1806.         --teal-60: #00c8d7;
  1807.         --teal-70: #008ea4;
  1808.         --teal-80: #005a71;
  1809.         --teal-90: #002d3e;
  1810.         --green-50: #30e60b;
  1811.         --green-60: #12bc00;
  1812.         --green-70: #058b00;
  1813.         --green-80: #006504;
  1814.         --green-90: #003706;
  1815.         --yellow-50: #ffe900;
  1816.         --yellow-60: #d7b600;
  1817.         --yellow-70: #a47f00;
  1818.         --yellow-80: #715100;
  1819.         --yellow-90: #3e2800;
  1820.         --red-50: #ff0039;
  1821.         --red-60: #d70022;
  1822.         --red-70: #a4000f;
  1823.         --red-80: #5a0002;
  1824.         --red-90: #3e0200;
  1825.         --orange-50: #ff9400;
  1826.         --orange-60: #d76e00;
  1827.         --orange-70: #a44900;
  1828.         --orange-80: #712b00;
  1829.         --orange-90: #3e1300;
  1830.         --grey-10: #f9f9fa;
  1831.         --grey-20: #ededf0;
  1832.         --grey-30: #d7d7db;
  1833.         --grey-40: #b1b1b3;
  1834.         --grey-50: #737373;
  1835.         --grey-60: #4a4a4f;
  1836.         --grey-70: #38383d;
  1837.         --grey-80: #1b1924;
  1838.         --grey-90: #0c0c0d;
  1839.         --code-green: #86de74 !important;
  1840.         --warning-color: #FCE19F;
  1841.         --warning-background-color: #44391F;
  1842.         --theme-highlight-green: #86DE74;
  1843.         --theme-highlight-blue: #75BFFF;
  1844.         --theme-highlight-purple: #B98EFF;
  1845.         --theme-highlight-red: #FF7DE9;
  1846.         --theme-highlight-yellow: #FFF89E;
  1847.         --theme-highlight-bluegrey: #5e88b0;
  1848.         --theme-highlight-lightorange: #d99b28;
  1849.         --theme-highlight-orange: #d96629;
  1850.         --theme-highlight-pink: #df80ff;
  1851.         --tone-1: var(--grey-10);
  1852.         --tone-2: var(--grey-20);
  1853.         --tone-3: var(--grey-30);
  1854.         --tone-4: var(--grey-40);
  1855.         --tone-5: var(--grey-50);
  1856.         --tone-6: var(--grey-60);
  1857.         --tone-7: var(--grey-70);
  1858.         --tone-8: var(--grey-80);
  1859.         --tone-9: var(--grey-90);
  1860.         --accent-1: var(--pale-blue);
  1861.         --accent-2: var(--pale-blue);
  1862.         --accent-3: var(--pale-blue);
  1863.         --in-content-page-color: var(--tone-1) !important;
  1864.         --in-content-page-background: var(--tone-8) !important;
  1865.         --in-content-text-color: var(--tone-1) !important;
  1866.         --in-content-selected-text: var(--tone-1) !important;
  1867.         --in-content-selected-text-background: #5675b9;
  1868.         --in-content-box-background: var(--tone-7) !important;
  1869.         --in-content-box-background-odd: #f3f6fa;
  1870.         --in-content-box-background-hover: var(--tone-6) !important;
  1871.         --in-content-box-background-active: var(--tone-6) !important;
  1872.         --in-content-box-border-color: var(--tone-5) !important;
  1873.         --in-content-item-hover: rgba(0, 149, 221, 0.25);
  1874.         --in-content-item-selected: var(--tone-8) !important;
  1875.         --in-content-border-highlight: var(--accent-1) !important;
  1876.         --in-content-border-focus: var(--accent-1) !important;
  1877.         --in-content-border-color: var(--tone-6) !important;
  1878.         --in-content-category-outline-focus: 1px dotted #0a84ff;
  1879.         --in-content-category-text: var(--tone-2) !important;
  1880.         --in-content-category-text-active: #0c0c0d;
  1881.         --in-content-category-text-selected: var(--accent-1) !important;
  1882.         --in-content-category-text-selected-active: #1e90ff;
  1883.         --in-content-category-background-hover: rgba(12, 12, 13, 0.1);
  1884.         --in-content-category-background-active: rgba(12, 12, 13, 0.15);
  1885.         --in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15);
  1886.         --in-content-category-background-selected-active: rgba(12, 12, 13, 0.2);
  1887.         --in-content-tab-color: #424f5a;
  1888.         --in-content-link-color: #ffffff !important;
  1889.         --in-content-link-color-hover: #1e90ff !important;
  1890.         --in-content-link-color-active: white !important;
  1891.         --in-content-link-color-visited: white !important;
  1892.         --in-content-primary-button-background: var(--accent-2) !important;
  1893.         --in-content-primary-button-background-hover: var(--accent-3) !important;
  1894.         --in-content-primary-button-background-active: var(--accent-3) !important;
  1895.         --in-content-table-border-dark-color: var(--tone-7) !important;
  1896.         --in-content-table-header-background: var(--accent-2) !important;
  1897.         --theme-selection-background: var(--accent-2) !important;
  1898.         --theme-selection-background-hover: var(--accent-1) !important;
  1899.         --in-content-category-header-background: var(--tone-8) !important;
  1900.         --selected-icon-fill-color: var(--tone-2) !important;
  1901.         --in-content-dark-header-background: var(--tone-9) !important;
  1902.         --tab-line-selected-color: var(--accent-2) !important;
  1903.         --secure-connection-color: var(--accent-1);
  1904.         --tab-background-color: var(--tone-9) !important;
  1905.         --tab-color: var(--in-content-selected-text);
  1906.         --theme-sidebar-background: #1B1B1D !important;
  1907.         --card-outline-color: var(--in-content-box-border-color) !important;
  1908.         --cm-background: var(--tone-8) !important;
  1909.         --cm-selection: #353b48 !important;
  1910.         --cm-marker: #555 !important;
  1911.         --cm-linenumber: #58575c !important;
  1912.         --cm-cursor: #fff !important;
  1913.         --cm-active-line-background: rgba(185, 215, 253, .15) !important;
  1914.         --cm-matching-bracket: rgba(255, 255, 255, .25) !important;
  1915.         --cm-search-background: rgba(24, 29, 32, 1) !important;
  1916.         --cm-red: #de7474 !important;
  1917.  
  1918.         --dummy-variable-for-updater-scripts: #000000;
  1919.     }
  1920.  
  1921.     * {
  1922.         font-family: Fira Sans !important;
  1923.     }
  1924.  
  1925.     .Footer,
  1926.     .Footer-wrapper,
  1927.     .LanguageTools-header-row,
  1928.     .amo {
  1929.         background: var(--in-content-category-header-background) !important;
  1930.     }
  1931.  
  1932.     h1,
  1933.     h2 {
  1934.         color: #ffffff !important;
  1935.     }
  1936.  
  1937.     .Guides-header,
  1938.     .HomeHeroGuides-sections .Hero-name-HomeHeroGuides {
  1939.         border-color: var(--in-content-box-border-color) !important;
  1940.     }
  1941.  
  1942.     .Page-content {
  1943.         background: #161a27 !important;
  1944.     }
  1945.  
  1946.     .App-content,
  1947.     .Home,
  1948.     .LandingPage,
  1949.     .LanguageTools-table-row:nth-child(2n),
  1950.     .Paginate {
  1951.         background: var(--in-content-page-background) !important;
  1952.     }
  1953.  
  1954.     /*
  1955.     .Addon-icon-image,
  1956.     .SearchResult-icon {
  1957.        
  1958.     }
  1959. */
  1960.     .Select {
  1961.         background-color: var(--in-content-page-background) !important;
  1962.     }
  1963.  
  1964.     .SearchForm-icon-magnifying-glass {
  1965.         filter: invert(65%) !important;
  1966.     }
  1967.  
  1968.     .Notice-genericWarning {
  1969.         background-color: var(--norda-2) !important;
  1970.         color: #000000 !important;
  1971.     }
  1972.  
  1973.     .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  1974.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  1975.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  1976.     .AddonsCard--horizontal .Card-contents,
  1977.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  1978.     .AutoSearchInput-suggestions-item,
  1979.     .Card--photon .Card-contents,
  1980.     .Card-contents,
  1981.     .Card-contents li,
  1982.     .Card-footer,
  1983.     .Card-footer-link,
  1984.     .Card-footer-text,
  1985.     .Card-header,
  1986.     .Categories .Card-contents,
  1987.     .DropdownMenu-items::after,
  1988.     .Hero .Card-contents,
  1989.     .Home-SubjectShelf .Card-contents,
  1990.     .LandingPage-header,
  1991.     .MetadataCard,
  1992.     .Search .SearchResults .SearchResult,
  1993.     .Search .SearchResults-message,
  1994.     .SearchForm-query,
  1995.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  1996.     .SectionLinks-dropdown .DropdownMenu-items,
  1997.     input.AutoSearchInput-query {
  1998.         /*background-color: #1b192450 !important;*/
  1999.         color: #ffffff !important;
  2000.     }
  2001.  
  2002.     input.AutoSearchInput-query {
  2003.         font-size: 13px !important;
  2004.     }
  2005.  
  2006.     .Addon-author,
  2007.     .Addon-author a,
  2008.     .Addon-author a:link .Button--action,
  2009.     .Addon-title,
  2010.     .AddonBadges .Badge,
  2011.     .AddonTitle,
  2012.     .Button--action,
  2013.     .Button--action.Button--small:link,
  2014.     .Button--action:link,
  2015.     .Button--neutral,
  2016.     .Button--neutral:link,
  2017.     .Card--photon .Card-contents,
  2018.     .Card-contents,
  2019.     .Card-footer-text,
  2020.     .Definition-dt,
  2021.     .DropdownMenuItem,
  2022.     .DropdownMenuItem-link a,
  2023.     .DropdownMenuItem-link a:link,
  2024.     .DropdownMenuItem-section,
  2025.     .ExpandableCard-ToggleLink:link,
  2026.     .Footer a:active,
  2027.     .Footer a:hover,
  2028.     .Footer-links-header a:link,
  2029.     .GuidesAddonCard .AddonTitle a,
  2030.     .GuidesAddonCard .GuidesAddonCard-content-header-title .AddonTitle-author,
  2031.     .Home-SubjectShelf-link:link,
  2032.     .Home-SubjectShelf-link:visited,
  2033.     .Home-SubjectShelf-subheading,
  2034.     .LandingPage-addonType-name,
  2035.     .LandingPage-heading-content,
  2036.     .MetadataCard-list dt,
  2037.     .Paginate .Button.Paginate-item--current-page,
  2038.     .Paginate .Button.Paginate-item:first-child,
  2039.     .Paginate .Button.Paginate-item:last-child,
  2040.     .Paginate .Button.Paginate-item:link:first-child,
  2041.     .Paginate .Button.Paginate-item:link:last-child,
  2042.     .Paginate .Button.Paginate-item:visited:first-child,
  2043.     .Paginate .Button.Paginate-item:visited:last-child .Paginate-page-number,
  2044.     .PermissionsCard-subhead,
  2045.     .ReportAbuseButton-show-more,
  2046.     .SearchContextCard-header,
  2047.     .SearchFilters-label,
  2048.     .SearchForm-query,
  2049.     .SearchResult--meta-section,
  2050.     .SearchResult-name,
  2051.     .SearchResult-summary,
  2052.     .Select,
  2053.     input.AutoSearchInput-query {
  2054.         /*background-color: #102942 !important;*/
  2055.         color: #ffffff !important;
  2056.     }
  2057.  
  2058.  
  2059.     input.AutoSearchInput-query {
  2060.         font-size: 13px !important;
  2061.         background: #161a27 !important;
  2062.         border: 1px solid #1e90ff !important;
  2063.         border-bottom-left-radius: 4px !important;
  2064.         border-bottom-right-radius: 4px !important;
  2065.     }
  2066.  
  2067.     .SearchResult-summary {
  2068.         font-size: 14px !important;
  2069.         line-height: 150% !important;
  2070.         /*text-align: justify !important;*/
  2071.         font-weight: normal !important;
  2072.  
  2073.     }
  2074.  
  2075.     .Paginate .Button.Paginate-item:active,
  2076.     .Paginate .Button.Paginate-item:hover {
  2077.         background-color: #161a27 !important;
  2078.     }
  2079.  
  2080.  
  2081.     .AutoSearchInput-suggestions-item {
  2082.         color: #ffffff !important;
  2083.         font-size: 13px !important;
  2084.         background-color: #161a27 !important;
  2085.         border: 0px !important;
  2086.         outline: none !important;
  2087.         box-shadow: none !important;
  2088.  
  2089.     }
  2090.  
  2091.     .AutoSearchInput-suggestions-item:hover {
  2092.         color: #ffffff !important;
  2093.         font-size: 13px !important;
  2094.         background-color: #1e90ff !important;
  2095.         border-radius: 0px !important;
  2096.         border: 0px !important;
  2097.         outline: none !important;
  2098.         box-shadow: none !important;
  2099.     }
  2100.  
  2101.     .PermissionsCard-list--required .Icon {
  2102.         fill: dodgerblue !important;
  2103.         color: dodgerblue !important;
  2104.     }
  2105.  
  2106.     /*.SearchResult {
  2107.         color: #ffffff !important;
  2108.         font-size: 13px !important;
  2109.         background-color: #161a27 !important;
  2110.         border: 0px !important;
  2111.         outline: none !important;
  2112.         box-shadow: none !important;
  2113.     }
  2114.     .SearchResult:hover {
  2115.         color: #ffffff !important;
  2116.         font-size: 13px !important;
  2117.         background-color: #1e90ff !important;
  2118.         border-radius: 4px !important;
  2119.         border: 0px !important;
  2120.         outline: none !important;
  2121.         box-shadow: none !important;
  2122.     }*/
  2123.  
  2124.     .Card-header {
  2125.         color: white !important;
  2126.     }
  2127.  
  2128.  
  2129.     .Card-contents li .Rating-star-group,
  2130.     .Paginate-next::after,
  2131.     .Paginate-previous::before {
  2132.         filter: invert(70%) !important;
  2133.     }
  2134.  
  2135.     .AddonMeta .MetadataCard-content a,
  2136.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link,
  2137.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:link,
  2138.     .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:visited,
  2139.     .AddonMeta .MetadataCard-content a:link,
  2140.     .AddonMeta .MetadataCard-content a:visited,
  2141.     .AddonMeta .MetadataCard-title a,
  2142.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link,
  2143.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:link,
  2144.     .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:visited,
  2145.     .AddonMeta .MetadataCard-title a:link,
  2146.     .AddonMeta .MetadataCard-title a:visited,
  2147.     .RatingsByStar-count a:active,
  2148.     .RatingsByStar-count a:link,
  2149.     .RatingsByStar-count a:visited,
  2150.     .RatingsByStar-star a:active,
  2151.     .RatingsByStar-star a:link,
  2152.     .RatingsByStar-star a:visited {
  2153.         color: #1e90ff !important;
  2154.     }
  2155.  
  2156.     .ShowMoreCard-contents::after {
  2157.         background: linear-gradient(rgba(255, 255, 255, 0), #1b1924) !important;
  2158.     }
  2159.  
  2160.     .SecondaryHero-module {
  2161.         background: #1e90ff !important;
  2162.         color: #ffffff !important;
  2163.     }
  2164.  
  2165.     .SecondaryHero-message-description {
  2166.         color: #1e90ff !important;
  2167.     }
  2168.  
  2169.     .Addon-details .AddonDescription-contents a:link,
  2170.     .AddonDescription-contents a:link,
  2171.     .AddonMoreInfo-contents a:link,
  2172.     .Card-footer-link a,
  2173.     .Card-footer-link a:hover,
  2174.     .Card-footer-link a:link,
  2175.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  2176.     .DropdownMenuItem-link a:hover,
  2177.     .AddonDescription-contents a:link:active,
  2178.     .AddonDescription-contents a:link:visited,
  2179.     .Home-SubjectShelf-link:active,
  2180.     .Home-SubjectShelf-link:focus,
  2181.     .Home-SubjectShelf-link:hover,
  2182.     .LanguageTools-table a:link,
  2183.     .SearchResult-link:focus .SearchResult-name,
  2184.     .SearchResult-link:hover .SearchResult-name {
  2185.         /*background-color: #1e90ff !important;*/
  2186.         color: white !important;
  2187.  
  2188.     }
  2189.  
  2190.     .AddonDescription-contents {
  2191.         max-width: 700px !important;
  2192.         font-size: 14px !important;
  2193.         text-align: justify !important;
  2194.         line-height: 150% !important;
  2195.     }
  2196.  
  2197.     .AddonDescription-contents a:link:hover {
  2198.         color: #1e8fff71 !important;
  2199.     }
  2200.  
  2201.     .Button--action.Button--outline-only {
  2202.         border-color: var(--in-content-border-highlight) !important;
  2203.     }
  2204.  
  2205.     input.AutoSearchInput-query {
  2206.         border-color: var(--in-content-box-border-color) !important;
  2207.     }
  2208.  
  2209.     .Addon .InstallButton-button,
  2210.     .Button--action,
  2211.     .Button--action.Button--small,
  2212.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  2213.         color: white !important;
  2214.         background: dodgerblue !important;
  2215.     }
  2216.  
  2217.     .Button--action.Button--outline-only:hover,
  2218.     .Button--action:hover,
  2219.     .SearchForm-query:hover {
  2220.         border-color: dodgerblue !important;
  2221.     }
  2222.  
  2223.     .SearchForm-query:focus {
  2224.         box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  2225.         border-color: var(--in-content-primary-button-background) !important;
  2226.     }
  2227.  
  2228.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  2229.         color: dodgerblue !important;
  2230.         border-radius: 0 !important;
  2231.     }
  2232.  
  2233.     .Button--report {
  2234.         text-shadow: none !important;
  2235.     }
  2236.  
  2237.     .Icon-arrow,
  2238.     .Icon-external {
  2239.         filter: invert(20%) !important;
  2240.     }
  2241.  
  2242.     .Icon-magnifying-glass {
  2243.         filter: invert(65%) !important;
  2244.     }
  2245.  
  2246.     .Icon-featured {
  2247.         filter: invert(85%) !important;
  2248.     }
  2249.  
  2250.     .Icon-plus-dark {
  2251.         filter: invert(100%) !important;
  2252.     }
  2253.  
  2254.     .Button--neutral.Button--puffy,
  2255.     .Button--neutral:link.Button--puffy {
  2256.         background: #1e90ff !important;
  2257.         color: #ffffff !important;
  2258.     }
  2259.  
  2260.     .Button--neutral.Button--puffy:hover,
  2261.     .Button--neutral:link.Button--puffy:hover {
  2262.         background: #1e90ff80 !important;
  2263.         color: #ffffff !important;
  2264.     }
  2265.  
  2266.     p.Addon-summary a:link {
  2267.         color: #1e90ff !important;
  2268.     }
  2269.  
  2270.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:focus,
  2271.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:hover {
  2272.         background: transparent !important;
  2273.         color: dodgerblue !important;
  2274.         /*border-radius: 9px !important;*/
  2275.     }
  2276.  
  2277.     .addon-webext-perm-info,
  2278.     .popup-notification-learnmore-lin>text-link {
  2279.         color: #1e90ff !important;
  2280.     }
  2281.  
  2282.     .Collection-delete-button .ConfirmButton-default-button {
  2283.         color: #ffffff !important;
  2284.         background: #1e90ff !important;
  2285.     }
  2286.  
  2287.     .Collection-delete-button .ConfirmButton-default-button:hover {
  2288.         color: #ffffff !important;
  2289.         background: #1e90ff80 !important;
  2290.     }
  2291.  
  2292.     .Button--action.Button--puffy,
  2293.     .Button--action:link.Button--puffy {
  2294.         color: white !important;
  2295.         background: dodgerblue !important;
  2296.         border: none !important;
  2297.     }
  2298.  
  2299.     .Button--action.Button--puffy:hover,
  2300.     .Button--action:link.Button--puffy:hover {
  2301.         color: white !important;
  2302.         background: #1e90ff80 !important;
  2303.         border: none !important;
  2304.     }
  2305.  
  2306.     /*
  2307.     a,
  2308.     a:link {
  2309.         color: #1e90ff !important;
  2310.        
  2311.     }
  2312.     a:hover,
  2313.     a:link:hover {
  2314.         color: #1e90ff80 !important;
  2315.        
  2316.     }
  2317.     a:link:visited,
  2318.     a:link:active,
  2319.     a:active,
  2320.     a:visited {
  2321.         color: #0057ad !important;
  2322.        
  2323.     }
  2324. */
  2325.     .Card-footer-link {
  2326.         color: white !important;
  2327.         padding: 5px 36px !important;
  2328.         padding-top: 5px !important;
  2329.         padding-right: 36px !important;
  2330.         padding-bottom: 5px !important;
  2331.         padding-left: 36px !important;
  2332.         border-radius: 4px !important;
  2333.     }
  2334.  
  2335.     .PermissionsCard-learn-more {
  2336.         color: dodgerblue !important;
  2337.     }
  2338.  
  2339.     .AddonDescription-contents {
  2340.         max-width: 700px !important;
  2341.         font-size: 14px !important;
  2342.         text-align: justify !important;
  2343.         line-height: 150% !important;
  2344.         border-radius: 4px !important;
  2345.     }
  2346.  
  2347.     .AddonDescription-contents a:hover {
  2348.         color: #a0a0a0 !important;
  2349.     }
  2350.  
  2351.     .AddonDescription-contents a {
  2352.         color: dodgerblue !important;
  2353.     }
  2354.  
  2355.     a.Addon-all-reviews-link {
  2356.  
  2357.         color: white !important;
  2358.         background-color: dodgerblue !important;
  2359.         border-radius: 4px !important;
  2360.     }
  2361.  
  2362.     .PermissionsCard-learn-more .Icon-external-dark {
  2363.         filter: invert(100%) !important;
  2364.     }
  2365.  
  2366.     a.Addon-all-reviews-link:hover {
  2367.         color: white !important;
  2368.         background-color: #1e90ff80 !important;
  2369.         border-radius: 4px !important;
  2370.     }
  2371.  
  2372.     .AddonSummaryCard-header-text a,
  2373.     .Addon-Title>a,
  2374.     .AddonTitle-author a {
  2375.         color: #1e90ff !important;
  2376.         text-decoration: none !important;
  2377.     }
  2378.  
  2379.     .UserReview-byLine a,
  2380.     .UserReview-byLine a:link {
  2381.         color: #1e90ff !important;
  2382.  
  2383.     }
  2384.  
  2385.     .UserReview-byLine a:hover,
  2386.     .UserReview-byLine a:visited {
  2387.         color: #1ec0ff !important;
  2388.     }
  2389.  
  2390.     .AddonReviewCard-reply {
  2391.         background: transparent !important;
  2392.         border: 1px solid #1e90ff !important;
  2393.  
  2394.     }
  2395.  
  2396.  
  2397. }
  2398.  
  2399.  
  2400. @-moz-document url(chrome://global/content/alerts/alert.xhtml) {
  2401.     #tabmodalprompt-topContainer {
  2402.         background-color: #1b192480 !important;
  2403.         color: #ffffff !important;
  2404.  
  2405.     }
  2406.  
  2407.     #tabmodalprompt-infoContainer {
  2408.         background-color: #161a27 !important;
  2409.         color: #ffffff !important;
  2410.         /*border: none !important;*/
  2411.     }
  2412.  
  2413.     #alertBox {
  2414.         background-color: #161a27 !important;
  2415.         color: #ffffff !important;
  2416.         font-family: Fira Sans !important;
  2417.         /*border: none !important;*/
  2418.     }
  2419.  
  2420.     #alertSourceLabel {
  2421.         color: #1e90ff !important;
  2422.         font-family: Fira Sans !important;
  2423.         /*border: none !important;*/
  2424.     }
  2425. }
  2426.  
  2427. @-moz-document url("about:memory") {
  2428.  
  2429.     html,
  2430.     body {
  2431.         background-color: #161a27 !important;
  2432.         color: #ffffff !important;
  2433.     }
  2434. }
  2435.  
  2436.  
  2437. /* Dark Mode page between loading*/
  2438. @-moz-document url("about:home"),
  2439. url("about:blank"),
  2440. url("about:newtab"),
  2441. url("about:privatebrowsing") {
  2442.     body {
  2443.         background-color: #161a27 !important;
  2444.         color: #ffffff !important;
  2445.     }
  2446. }
  2447.  
  2448. /*
  2449. #tabbrowser-tabbox,
  2450. #tabbrowser-tabpanels,
  2451. browser[type="content-primary"],
  2452. browser[type="content"] {
  2453.     background: #161a27 !important;
  2454.     background-color: #161a27 !important;
  2455.     color: #ffffff !important;
  2456.     outline: none !important;
  2457. }
  2458. */
  2459.  
  2460. @-moz-document url-prefix("about:reader") {
  2461.     body {
  2462.         background-color: #161a27 !important;
  2463.     }
  2464.  
  2465.     /* Unstick the toolbar so it can scroll */
  2466.     /*#toolbar {
  2467.         position: static !important;
  2468.     }*/
  2469.  
  2470.     /* Put the toolbar back at the left */
  2471.     .reader-toolbar {
  2472.         margin-left: 16px !important;
  2473.     }
  2474.  
  2475.     .toolbar {
  2476.         border: none !important;
  2477.         background-color: #161a27 !important;
  2478.         width: 40px !important;
  2479.     }
  2480.  
  2481.     button {
  2482.         fill: #ffffff !important;
  2483.         background-color: #1e90ff !important;
  2484.         border: none !important;
  2485.     }
  2486.  
  2487.     button:hover {
  2488.         background-color: #1e90ff80 !important;
  2489.     }
  2490.  
  2491.     .dropdown-popup {
  2492.         background-color: #161a27 !important;
  2493.         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5) !important;
  2494.         border-radius: 0px !important;
  2495.         border: none !important;
  2496.         opacity: 0 !important;
  2497.         transition: opacity 150ms, visibility 0s 2s !important;
  2498.     }
  2499.  
  2500.     .open>.dropdown-popup {
  2501.         opacity: 1 !important;
  2502.         transition: opacity 150ms !important;
  2503.     }
  2504.  
  2505.     .dropdown-arrow {
  2506.         display: none !important;
  2507.     }
  2508.  
  2509.     .dropdown.open {
  2510.         background-color: #1e90ff !important;
  2511.     }
  2512.  
  2513.     .narrate-row:not(:first-child) {
  2514.         border: none !important;
  2515.     }
  2516.  
  2517.     .font-type-buttons>button>.description {
  2518.         color: #BEBEBE !important;
  2519.     }
  2520. }
  2521.  
  2522. #fxa-avatar-image {
  2523.     margin-bottom: 3px !important;
  2524.     padding: 16 16 !important;
  2525.     transform: scale(1.25) !important;
  2526. }
  2527.  
  2528.  
  2529. @-moz-document url-prefix("about:logins") {
  2530.  
  2531.     .fxaccounts-avatar-button,
  2532.     .fxaccounts-avatar-button:hover:active {
  2533.         background: transparent !important;
  2534.         border: none !important;
  2535.     }
  2536.  
  2537.     .meta-info {
  2538.         font-weight: 400 !important;
  2539.         font-size: initial !important;
  2540.     }
  2541.  
  2542.     .edit-button,
  2543.     .delete-button {
  2544.         background-position-x: 8px !important;
  2545.         padding-left: 32px !important;
  2546.         background-color: #1e90ff !important;
  2547.         color: #ffffff !important;
  2548.  
  2549.     }
  2550.  
  2551.     .copy-button,
  2552.     .create-login-button {
  2553.         background-color: #1e90ff !important;
  2554.         color: #ffffff !important;
  2555.     }
  2556.  
  2557.     .edit-button:hover,
  2558.     .delete-button:hover,
  2559.     .copy-button:hover,
  2560.     .create-login-button:hover {
  2561.         background-color: #1e90ff80 !important;
  2562.         color: #ffffff !important;
  2563.     }
  2564.  
  2565.     login-list,
  2566.     div.meta {
  2567.         background-color: #161a27 !important;
  2568.     }
  2569.  
  2570.     .login-list-item {
  2571.         border: none !important;
  2572.  
  2573.     }
  2574.  
  2575.     .container[role="dialog"] {
  2576.         background: #161a27 !important;
  2577.         border: 1px solid #333333 !important;
  2578.         border-radius: 0px !important;
  2579.         color: #ffffff !important;
  2580.         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .32) !important;
  2581.     }
  2582.  
  2583.     .login-list-item.selected {
  2584.         background-color: #1e90ff80 !important;
  2585.         color: #ffffff !important;
  2586.     }
  2587.  
  2588.     .login-list-item:hover {
  2589.         background-color: #1e90ff80 !important;
  2590.     }
  2591.  
  2592.     .body,
  2593.     header,
  2594.     div.container {
  2595.         background-color: #161a27 !important;
  2596.         background: #161a27 !important;
  2597.         color: #ffffff !important;
  2598.     }
  2599.  
  2600.     .menu-button {
  2601.         background-color: #1e90ff !important;
  2602.     }
  2603.  
  2604.     .menu-button:hover {
  2605.         background-color: #1e90ff80 !important;
  2606.     }
  2607.  
  2608.     .menu {
  2609.         background-color: #161a27 !important;
  2610.         border: 0px !important;
  2611.         color: #ffffff !important;
  2612.         font-size: 14px !important;
  2613.         font-family: Fira Sans !important;
  2614.     }
  2615.  
  2616.     .menuitem-button:hover {
  2617.         background: #1e90ff !important;
  2618.         color: #ffffff !important;
  2619.     }
  2620.  
  2621.     .save-changes-button,
  2622.     .cancel-button {
  2623.         background-color: #1e90ff !important;
  2624.         color: #ffffff !important;
  2625.     }
  2626.  
  2627.     .save-changes-button:hover,
  2628.     .cancel-button:hover {
  2629.         background-color: #1e90ff80 !important;
  2630.         color: #ffffff !important;
  2631.     }
  2632.  
  2633.     input {
  2634.         background-color: #161a27 !important;
  2635.         outline: none !important;
  2636.     }
  2637.  
  2638.     .reveal-password-checkbox:hover {
  2639.         fill: #1e90ff !important;
  2640.         background-color: transparent !important;
  2641.     }
  2642.  
  2643.     .reveal-password-checkbox {
  2644.         background-color: transparent !important;
  2645.     }
  2646.  
  2647.     a,
  2648.     .text-link {
  2649.         color: #1e90ff !important;
  2650.     }
  2651.  
  2652.     a:hover,
  2653.     .text-link:hover {
  2654.         color: #1e90ff80 !important;
  2655.     }
  2656. }
  2657.  
  2658. @-moz-document url-prefix(view-source:) {
  2659.     :root {
  2660.         background: none !important;
  2661.     }
  2662.  
  2663.     * #viewsource {
  2664.         font-family: Fira Sans !important;
  2665.         font-size: 16px !important;
  2666.         /*, -moz-fixed*/
  2667.         /*line-height: 1.5em;*/
  2668.         background-color: #161a27 !important;
  2669.         /*background-image: url(https://farm9.staticflickr.com/8536/8680613751_71ef92bbdb_o_d.jpg),
  2670.         linear-gradient(to right, #002b36d0, #002b36d0, #000000d0),
  2671.         linear-gradient(#00000040 50%, transparent 50%);
  2672.         background-size: cover, cover, auto 3em;
  2673.         background-position: center, center, top 10px left 0;
  2674.         background-attachment: fixed, fixed, scroll;
  2675.         background-repeat: no-repeat, no-repeat, repeat-y;
  2676.         background-blend-mode: overlay, normal, normal;*/
  2677.         color: #ffffff !important;
  2678.     }
  2679.  
  2680.     pre[id]:before,
  2681.     span[id]:before {
  2682.         width: 6ch !important;
  2683.         color: #586e75 !important;
  2684.         margin-left: -7ch !important;
  2685.     }
  2686.  
  2687.     pre {
  2688.         padding-left: 1ch;
  2689.         margin-left: 6ch !important;
  2690.         border-left: 2px solid #073642 !important;
  2691.     }
  2692.  
  2693.     pre> :first-child {
  2694.         padding-right: 1ch;
  2695.     }
  2696.  
  2697.     .highlight .start-tag {
  2698.         color: yellow !important;
  2699.     }
  2700.  
  2701.     .highlight .end-tag {
  2702.         color: yellow !important;
  2703.     }
  2704.  
  2705.     .highlight .comment {
  2706.         color: #586e75 !important;
  2707.     }
  2708.  
  2709.     .highlight .cdata {
  2710.         color: #cb4b16 !important;
  2711.     }
  2712.  
  2713.     .highlight .doctype {
  2714.         color: #268be2 !important;
  2715.     }
  2716.  
  2717.     .highlight .pi {
  2718.         color: #268be2 !important;
  2719.         /* orchid -> blue */
  2720.     }
  2721.  
  2722.     .highlight .entity {
  2723.         color: #b58900 !important;
  2724.         /* violet -> yellow */
  2725.     }
  2726.  
  2727.     .highlight .attribute-name {
  2728.         color: violet !important;
  2729.     }
  2730.  
  2731.     .highlight .attribute-value {
  2732.         color: #2aa198 !important;
  2733.         text-shadow: 1px 1px 2px #000000 !important;
  2734.     }
  2735.  
  2736.     .highlight .markupdeclaration {
  2737.         color: #859900cc !important;
  2738.     }
  2739.  
  2740.     .highlight .error,
  2741.     .highlight .error> :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype,
  2742.         .pi, .entity, .attribute-name, .attribute-value) {
  2743.         color: #002b36 !important;
  2744.         background-color: #dc322f !important;
  2745.     }
  2746. }
  2747.  
  2748. @-moz-document url-prefix(about:) {
  2749.     :root {
  2750.         --in-content-border-hover: rgba(30, 144, 255, 0.5) !important;
  2751.         --in-content-border-active: #1e90ff !important;
  2752.         --in-content-border-active-shadow: transparent !important;
  2753.         color: #ffffff !important;
  2754.  
  2755.     }
  2756.  
  2757.     * {
  2758.         font-family: "Fira Sans" !important;
  2759.     }
  2760. }
  2761.  
  2762. /*---------------------------------*/
  2763. #viewer.pdfViewer {
  2764.     background-color: #161a27 !important;
  2765. }
  2766.  
  2767. .pdfViewer .page {
  2768.     margin: 1px auto -3px auto !important;
  2769.     border: 1px dashed transparent !important;
  2770. }
  2771.  
  2772.  
  2773.  
  2774. /* about:support*/
  2775. @-moz-document url(about:support) {
  2776.     body.wide-container {
  2777.         background-color: #161a27 !important;
  2778.     }
  2779. }
  2780.  
  2781.  
  2782. /* Changes colors on the page
  2783. :root {
  2784.     --in-content-page-color: #009bd4 !important;
  2785.    
  2786.     --in-content-page-background: #1a1a1a !important;
  2787.    
  2788.     -in-content-text-color: #009bd4 !important;
  2789.     --in-content-category-text-selected: #009bd4 !important;
  2790.     --in-content-border-color: #009bd4 !important;
  2791.     --in-content-link-color: #009bd4 !important;
  2792.     --in-content-border-active: none !important;
  2793.     --in-content-border-active-shadow: none !important;
  2794.     --in-content-category-text-selected-active: #009bd4 !important;
  2795.     --in-content-category-background-hover: #000000 !important;
  2796. }
  2797.  
  2798.     html|h1 {
  2799.         color: #009bd4 !important;
  2800.     }
  2801. }
  2802. */
  2803. /*@-moz-document url("chrome://devtools/content/webconsole/index.html")
  2804.  
  2805. @-moz-document url-prefix("about:devtools-toolbox") {
  2806.     .devtools-tabbar {
  2807.         background-color: #161a27!important;
  2808.     }
  2809.  
  2810.     * {
  2811.         font-family: Fira Sans !important;
  2812.     }
  2813.  
  2814.     .theme-body {
  2815.         background-color: #161a27!important;
  2816.     }
  2817. }*/
  2818.  
  2819. @-moz-document url('chrome://global/content/config.xhtml'),
  2820. url('chrome://userchromejs/content/aboutconfig/config.xhtml') {
  2821.     :root {
  2822.         font-family: Fira Sans !important;
  2823.         font-size: 14px !important;
  2824.         background-color: #161a27 !important;
  2825.         background: #161a27 !important;
  2826.         color: #ffffff !important;
  2827.         fill: #ffffff !important;
  2828.         opacity: 1 !important;
  2829.  
  2830.     }
  2831.  
  2832.     /*
  2833.     #configTree {
  2834.         margin-bottom: 0px !important;
  2835.         box-shadow: none !important;
  2836.     }
  2837. */
  2838. }
  2839.  
  2840. @-moz-document url('about:home'),
  2841. url('about:newtab') {
  2842.     .outer-wrapper {
  2843.         background-color: #161a27 !important;
  2844.     }
  2845.  
  2846.     #newtab-search-text,
  2847.     #searchSuggestionTable,
  2848.     #searchSuggestionTable>tr,
  2849.     #searchSuggestionTable>tr>td,
  2850.     #searchSuggestionTable>table>tr>td,
  2851.     #searchSuggestionTable>button {
  2852.         background-color: #161a27 !important;
  2853.         color: #F8F8F2 !important;
  2854.         fill: #F8F8F2 !important;
  2855.     }
  2856.  
  2857.     .search-wrapper input {
  2858.         box-shadow: rgba(248, 248, 242, 0.2) 0px 1px 4px 0px, rgba(238, 238, 232, 0.15) 0px 0px 0px 1px !important;
  2859.     }
  2860.  
  2861.  
  2862.     body {
  2863.         background-color: #161a27 !important;
  2864.     }
  2865.  
  2866.     .prefs-button button {
  2867.         fill: #161a27 !important;
  2868.     }
  2869.  
  2870.     .prefs-button button:hover,
  2871.     .prefs-button button:focus {
  2872.         background-color: transparent !important;
  2873.     }
  2874.  
  2875.     .prefs-button button {
  2876.         display: none !important;
  2877.     }
  2878. }
  2879.  
  2880.  
  2881.  
  2882. /*
  2883. @-moz-document url("http://www.w3.org/1999/xhtml") {
  2884.     html|input.urlbar-scheme {
  2885.         display: none !important;
  2886.     }
  2887. }
  2888. */
  2889. @-moz-document url-prefix("about:"),
  2890. @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
  2891.  
  2892.     window,
  2893.     page,
  2894.     html,
  2895.     .main-content,
  2896.     scrollbar {
  2897.         scrollbar-color: #1e90ff #000000 !important;
  2898.         scrollbar-width: thin !important;
  2899.         color: #ffffff !important;
  2900.     }
  2901. }
  2902.  
  2903. * {
  2904.     scrollbar-color: #1e90ff #000000 !important;
  2905.     scrollbar-width: thin !important;
  2906. }
  2907.  
  2908.  
  2909. @-moz-document url-prefix("about:restartrequired") {
  2910.  
  2911.     body {
  2912.         /*background-image: url("Animation.gif") !important;
  2913.         background-size: cover !important;*/
  2914.         background: #161a27 !important;
  2915.     }
  2916.  
  2917.     #errorPageContainer {
  2918.         min-height: 500px !important;
  2919.         display: flex !important;
  2920.         flex-direction: column !important;
  2921.         background-position: right 0% bottom 15% !important;
  2922.         background-repeat: no-repeat;
  2923.         background-size: 22% !important;
  2924.         background-image: url("renardeau.gif") !important;
  2925.         /*background-image: url("fox-gif-transparent-2.gif") !important;*/
  2926.         position: 30px 0px !important;
  2927.         /*
  2928.         position: fixed;
  2929.         margin-inline: -300px !important;
  2930.         margin-top: -50px !important;
  2931.  
  2932.         display: inline !important;*/
  2933.  
  2934.     }
  2935.  
  2936.     #restart {
  2937.         margin-right: 40px !important;
  2938.         margin-bottom: 13px !important;
  2939.         background-color: #1e90ff !important;
  2940.         border: none !important;
  2941.         color: #ffffff !important;
  2942.     }
  2943.  
  2944.     #restart:hover {
  2945.         background-color: #1e90ff80 !important;
  2946.         border: none !important;
  2947.         color: #ffffff !important;
  2948.     }
  2949. }
  2950.  
  2951. /*
  2952. .netTimeout #errorPageContainer {
  2953.     background-image: url("sonicfoottap.webp") !important;
  2954. }
  2955.  
  2956. html body.illustrated.netTimeout.neterror div#errorPageContainer.container div#text-container div.title h1.title-text {
  2957.     font-size: 20px !important;
  2958. }
  2959.  
  2960. html body.illustrated.netTimeout.neterror div#errorPageContainer.container div#text-container div.title h1.title-text::before {
  2961.     font-size: 32px !important;
  2962.     content: "You're too slow!" !important;
  2963. }
  2964.  
  2965. html body.illustrated.netTimeout.neterror div#errorPageContainer.container div#text-container div#errorLongContent div#errorShortDesc::before {
  2966.     font-size: 15px !important;
  2967.     content: "(Actually, it's the server)" !important;
  2968. }
  2969. */
  2970.  
  2971. @-moz-document url-prefix(about:),
  2972. url-prefix(chrome: //browser) {
  2973.  
  2974.     browser[type="content"], tabpanels {
  2975.         background: #161a27 !important;
  2976.         background-color: #161a27 !important;
  2977.         color: #ffffff !important;
  2978.     }
  2979.  
  2980.     .panel-list {
  2981.         box-shadow: none !important;
  2982.     }
  2983.  
  2984.     menu, menulist {
  2985.         border: 0px !important;
  2986.         outline: none !important;
  2987.         box-shadow: none !important;
  2988.     }
  2989. }
  2990.  
  2991. @-moz-document url("about:memory") {
  2992.  
  2993.     html,
  2994.     body {
  2995.         background-color: #161a27 !important;
  2996.         color: #ffffff !important;
  2997.     }
  2998. }
  2999.  
  3000.  
  3001. #tabmodalprompt-topContainer {
  3002.     background-color: #161a27 !important;
  3003.     color: #ffffff !important;
  3004. }
  3005.  
  3006. #tabmodalprompt-infoContainer {
  3007.     background-color: #161a27 !important;
  3008.     color: #ffffff !important;
  3009. }
  3010.  
  3011. /*
  3012. /* Dark Mode page between loading */
  3013. @-moz-document url("about:privatebrowsing") {
  3014.  
  3015.     html:not(#ublock0-epicker),
  3016.     html:not(#ublock0-epicker) body,
  3017.     #newtab-customize-overlay {
  3018.         background-color: #161a27 !important;
  3019.         /*#232324*/
  3020.     }
  3021.  
  3022.     #search-handoff-button {
  3023.         background-color: #0000004d !important;
  3024.         border: none !important;
  3025.         box-shadow: none !important;
  3026.         border-bottom: 1px solid #f4eef782 !important;
  3027.         border-radius: 10px 10px 10px 10px !important;
  3028.     }
  3029.  
  3030.     .fake-textbox {
  3031.         color: #ffffff !important;
  3032.     }
  3033.  
  3034.     #search-handoff-button:active>.fake-textbox,
  3035.     #search-handoff-button:hover>.fake-textbox,
  3036.     #search-handoff-button:focus>.fake-textbox,
  3037.     #search-handoff-button:focus-within>.fake-textbox {
  3038.         color: #ffffff !important;
  3039.         opacity: 0.8 !important;
  3040.  
  3041.     }
  3042.  
  3043.     .fake-caret {
  3044.         background: rgb(255, 255, 255) !important;
  3045.     }
  3046.  
  3047.     .logo-and-wordmark .wordmark {
  3048.         fill: #b821ec !important;
  3049.  
  3050.     }
  3051. }
  3052.  
  3053. @-moz-document url("about:home"),
  3054. url("about:blank"),
  3055. url("about:newtab") {
  3056.  
  3057.     html:not(#ublock0-epicker),
  3058.     html:not(#ublock0-epicker) body,
  3059.     #newtab-customize-overlay {
  3060.         background: #161a27 !important;
  3061.         /*#232324*/
  3062.     }
  3063. }
  3064.  
  3065. /* free download manager */
  3066. @-moz-document url-prefix("moz-extension://ba514fa4-1ca3-4aa4-acf0-c36db7718c86/") {
  3067.     html, head, body {
  3068.         background-color: #161a27 !important;
  3069.         background: #161a27 !important;
  3070.         color: #ffffff !important;
  3071.     }
  3072.  
  3073.     panel-arrowcontainer {
  3074.         background-color: yellow !important;
  3075.         background: red !important;
  3076.     }
  3077.  
  3078.     body {
  3079.         width: auto !important;
  3080.         background-color: #161a27 !important;
  3081.         margin: 0 !important;
  3082.         margin-top: 10px !important;
  3083.         font-size: 12px !important;
  3084.         color: #ffffff !important;
  3085.         background-size:cover !important;
  3086.     }
  3087.  
  3088.     #pauseCatchingForAllSites:hover,
  3089.     #activeTabInSkipList:hover,
  3090.     #optionsLink:hover,
  3091.     #feedbackLink:hover {
  3092.         background: #1e90ff !important; color: #ffffff !important;
  3093.     }
  3094. }
  3095.  
  3096.  
  3097. @-moz-document url-prefix("moz-extension://0c824817-ed87-462e-bbf5-aa77c08dc4db/") {
  3098.  
  3099.     body {
  3100.         background: #161a27 !important;
  3101.     }
  3102.  
  3103.     .panel-arrowcontent,
  3104.     #share-directory-grid.clearfix {
  3105.         background: #161a27 !important;
  3106.         background-color: #161a27 !important;
  3107.         height: 73px !important;
  3108.     }
  3109.  
  3110.     #share-directory {
  3111.         width: inherit !important;
  3112.     }
  3113.  
  3114.     #share-directory-grid {
  3115.         display: flex;
  3116.         flex-wrap: wrap;
  3117.         justify-content: center;
  3118.     }
  3119.  
  3120.     button {
  3121.         /*padding: 30px !important;*/
  3122.         width: 50px !important;
  3123.         height: 50px !important;
  3124.         border-radius: 2px !important;
  3125.  
  3126.         margin: 4px !important;
  3127.         border: 0px !important;
  3128.         cursor: pointer !important;
  3129.         transition: 0s !important;
  3130.         padding-top: 2px !important;
  3131.         outline: 0px !important;
  3132.     }
  3133.  
  3134.     button:hover {
  3135.         background-color: #1e90ff80 !important;
  3136.         border-radius: 2px !important;
  3137.         outline: 0px !important;
  3138.  
  3139.     }
  3140.  
  3141.  
  3142.     button:active,
  3143.     button:focus {
  3144.         width: 96px !important;
  3145.         height: 96px !important;
  3146.         margin: 6px !important;
  3147.         border: 0px !important;
  3148.         box-shadow: 0px 0px 0px 1px #1e90ff80 !important;
  3149.         outline: 0px !important;
  3150.     }
  3151.  
  3152.     .buttons-sm button {
  3153.         width: 60px !important;
  3154.         height: 60px !important;
  3155.     }
  3156.  
  3157.     .buttons-md button {
  3158.         width: 100px !important;
  3159.         height: 100px !important;
  3160.     }
  3161.  
  3162.     .buttons-lg button {
  3163.         width: 150px !important;
  3164.         height: 150px !important;
  3165.     }
  3166.  
  3167.     button img {
  3168.         max-height: 90% !important;
  3169.         max-width: 90% !important;
  3170.         margin: auto !important;
  3171.         outline: 0px !important;
  3172.     }
  3173.  
  3174. }
  3175.  
  3176.  
  3177.  
  3178. @-moz-document url-prefix("https://www.youtube.com") {
  3179.     * {
  3180.         font-family: Fira Sans !important;
  3181.     }
  3182.  
  3183.     /* imo, Roboto is too narrow, this spaces it more nicely */
  3184.     html,
  3185.     body,
  3186.     ytd-page-manager>*.ytd-page-manager {
  3187.         letter-spacing: 0.2px !important;
  3188.         background-color: #161a27 !important;
  3189.     }
  3190.  
  3191.     /* VIDEO TITLE */
  3192.     .title.ytd-video-primary-info-renderer {
  3193.         color: #ffffff !important;
  3194.         font-size: 22px !important;
  3195.     }
  3196.  
  3197.     #video-title.yt-simple-endpoint.ytd-grid-video-renderer {
  3198.         color: #ffffff;
  3199.     }
  3200.  
  3201.     .title.ytd-guide-entry-renderer {
  3202.         color: #ffffff !important;
  3203.     }
  3204.  
  3205.     /* VIDEO DESC */
  3206.     .content.ytd-video-secondary-info-renderer {
  3207.         color: #cbd1dd !important;
  3208.     }
  3209.  
  3210.     .count-text.ytd-comments-header-renderer {
  3211.         color: #cbd1dd !important;
  3212.     }
  3213.  
  3214.     #owner-name.ytd-video-owner-renderer {
  3215.         font-size: 1.6rem !important;
  3216.         margin-bottom: 4px !important;
  3217.     }
  3218.  
  3219.     /* VIDEO MENU BTN TEXT */
  3220.     ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer {
  3221.         font-size: 15px !important;
  3222.     }
  3223.  
  3224.     /* COMMENT TEXT, RELATED VIDS TITLE TEXT */
  3225.     #content-text.ytd-comment-renderer,
  3226.     #video-title {
  3227.         color: #cbd1dd !important;
  3228.         font-size: 14px !important;
  3229.     }
  3230.  
  3231.     /* COMMENT USERNAME, MORE/LESS BTN */
  3232.     #author-text.yt-simple-endpoint.ytd-comment-renderer,
  3233.     .more-button.ytd-comment-renderer,
  3234.     .less-button.ytd-comment-renderer {
  3235.         color: rgba(140, 202, 255, 0.9);
  3236.         font-size: 13px !important;
  3237.     }
  3238.  
  3239.     /* COMMENT USERNAME (OP) */
  3240.     ytd-author-comment-badge-renderer.creator {
  3241.         background-color: rgb(72, 122, 235) !important;
  3242.     }
  3243.  
  3244.     ytd-author-comment-badge-renderer.creator yt-formatted-string {
  3245.         color: #ffffff !important;
  3246.     }
  3247.  
  3248.  
  3249.     /* NAVBAR, CHANNEL HEADER, NOTIFICATIONS BOX */
  3250.     #masthead,
  3251.     #channel-header.ytd-c4-tabbed-header-renderer,
  3252.     #tabs-inner-container.ytd-c4-tabbed-header-renderer,
  3253.     ytd-multi-page-menu-renderer {
  3254.         background-color: #161a27 !important;
  3255.         box-shadow: 0 6px 50px rgba(0, 0, 0, 0.3) !important;
  3256.     }
  3257.  
  3258.     /* POPOVERS */
  3259.     paper-menu {
  3260.         background-color: rgba(21, 25, 36, 0.94);
  3261.         border-radius: 4px !important;
  3262.     }
  3263.  
  3264.     .dropdown-content.paper-menu-button {
  3265.         background-color: transparent !important;
  3266.     }
  3267.  
  3268.     /* THUMBNAILS */
  3269.     ytd-thumbnail.ytd-compact-video-renderer,
  3270.     ytd-thumbnail.ytd-video-renderer {
  3271.         box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.4) !important;
  3272.     }
  3273.  
  3274.     ytd-thumbnail.ytd-compact-video-renderer img,
  3275.     ytd-thumbnail.ytd-video-renderer img {
  3276.         border-radius: 2px !important;
  3277.     }
  3278.  
  3279.     /* SEARCH */
  3280.     ytd-searchbox[mode=legacy] #container.ytd-searchbox {
  3281.         background-color: rgba(255, 255, 255, 0.1) !important;
  3282.         border: 1px solid transparent !important;
  3283.         box-shadow: none !important;
  3284.         border-radius: 2px !important;
  3285.     }
  3286.  
  3287.     #search-icon-legacy.ytd-searchbox {
  3288.         background-color: transparent;
  3289.         border: none;
  3290.         border-radius: 3px;
  3291.         width: 50px;
  3292.     }
  3293.  
  3294.     ytd-searchbox[mode=legacy] #search-icon-legacy.ytd-searchbox:hover>yt-icon {
  3295.         color: rgba(255, 255, 255, 0.8) !important;
  3296.     }
  3297.  
  3298.     ytd-searchbox[mode=legacy] #search-icon-legacy.ytd-searchbox:hover {
  3299.         background-color: transparent;
  3300.     }
  3301.  
  3302.     /* SIDEBBAR */
  3303.     ytd-guide-renderer.ytd-app,
  3304.     app-drawer.ytd-app:not([persistent]) #header.ytd-app {
  3305.         background-color: #161a27 !important;
  3306.     }
  3307.  
  3308.     #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {
  3309.         background-color: #1e90ff !important;
  3310.     }
  3311.  
  3312.     /* MINOR TEXT (off- #ffffff) */
  3313.     #published-time-text.ytd-comment-renderer [is=yt-endpoint],
  3314.     ytd-button-renderer #button.ytd-button-renderer,
  3315.     yt-icon,
  3316.     #metadata-line.ytd-grid-video-renderer,
  3317.     .more-button.ytd-comment-replies-renderer,
  3318.     .less-button.ytd-comment-replies-renderer,
  3319.     .more-button.ytd-video-secondary-info-renderer,
  3320.     .less-button.ytd-video-secondary-info-renderer,
  3321.     .date.ytd-video-secondary-info-renderer,
  3322.     #metadata.ytd-video-meta-block,
  3323.     .view-count,
  3324.     #title.ytd-metadata-row-renderer,
  3325.     #byline.ytd-video-meta-block,
  3326.     #metadata-line.ytd-video-meta-block,
  3327.     #label.ytd-pinned-comment-badge-renderer,
  3328.     paper-tab:not(.iron-selected)>.tab-content.paper-tab,
  3329.     #footer.ytd-guide-renderer #guide-links-primary a,
  3330.     #footer.ytd-guide-renderer #guide-links-secondary a,
  3331.     #autoplay.ytd-compact-autoplay-renderer,
  3332.     #title-annotation.ytd-shelf-renderer,
  3333.     paper-button.yt-next-continuation,
  3334.     #description-text.ytd-video-renderer,
  3335.     ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer,
  3336.     #subtitle.ytd-shelf-renderer,
  3337.     #published-time-text.ytd-comment-renderer {
  3338.         color: rgba(180, 190, 200, 0.8) !important;
  3339.     }
  3340.  
  3341.     /* LIKE BTN */
  3342.     ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer .style-default-active {
  3343.         color: #ffffff !important;
  3344.     }
  3345.  
  3346.     #top-level-buttons ytd-toggle-button-renderer.style-default-active:first-child yt-icon,
  3347.     #like-button .style-default-active>yt-icon {
  3348.         color: #1e90ff !important;
  3349.     }
  3350.  
  3351.     #top-level-buttons ytd-toggle-button-renderer.style-default-active:nth-child(2) yt-icon,
  3352.     #dislike-button .style-default-active>yt-icon {
  3353.         color: hsl(3, 100%, 66%) !important;
  3354.     }
  3355.  
  3356.     /* COMMENT BTN */
  3357.     ytd-button-renderer #button.ytd-button-renderer.style-primary {
  3358.         color: #ffffff !important;
  3359.     }
  3360.  
  3361.     paper-button {
  3362.         background-color: transparent !important;
  3363.     }
  3364.  
  3365.     /* VIEWS */
  3366.     .view-count {
  3367.         font-size: 18px !important;
  3368.     }
  3369.  
  3370.     /* RED ICON */
  3371.     ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
  3372.         color: rgba(255, 78, 78, 0.83) !important;
  3373.     }
  3374.  
  3375.     /* RED 'NEW' ICON */
  3376.     .badge-style-type-simple.ytd-badge-supported-renderer {
  3377.         background-color: rgba(96, 100, 118, 0.83);
  3378.         color: rgba(255, 255, 255, 0.78);
  3379.     }
  3380.  
  3381.     /* LINKS */
  3382.     [is=yt-endpoint],
  3383.     .yt-simple-endpoint,
  3384.     paper-tab:not(.iron-selected):hover>.tab-content {
  3385.         color: rgba(140, 202, 255, 0.9);
  3386.     }
  3387.  
  3388.     [is=yt-endpoint]:hover,
  3389.     .yt-simple-endpoint:hover {
  3390.         color: rgba(180, 230, 255, 1);
  3391.     }
  3392.  
  3393.     /* SUBSCRIBE BTN */
  3394.     paper-button.ytd-subscribe-button-renderer {
  3395.         background: linear-gradient(90deg, #e11958, hsl(3, 81.8%, 49.6%));
  3396.         transition: all 0.2s ease;
  3397.     }
  3398.  
  3399.     paper-button.ytd-subscribe-button-renderer:hover {
  3400.         filter: brightness(1.25);
  3401.     }
  3402.  
  3403.     paper-button[subscribed].ytd-subscribe-button-renderer {
  3404.         background: hsl(0, 0%, 93.3%);
  3405.     }
  3406.  
  3407.     /* VOTE COUNT (on comments) */
  3408.     #vote-count.ytd-comment-action-buttons-renderer {
  3409.         color: #5fd9b1 !important;
  3410.     }
  3411.  
  3412.     /* LIKE BAR */
  3413.     #sentiment.ytd-video-primary-info-renderer {
  3414.         width: 255px;
  3415.         height: 3px;
  3416.         margin-top: 6px;
  3417.     }
  3418.  
  3419.     #like-bar.ytd-sentiment-bar-renderer {
  3420.         height: 3px;
  3421.     }
  3422. }
  3423.  
  3424. @-moz-document regexp("https?://(www|images).google.(com|co.[a-z]{2}|com.[a-z]{2}|[a-z]{2}).*") {
  3425.     * {
  3426.         font-family: "Fira Sans" !important;
  3427.     }
  3428.  
  3429.     a:link {
  3430.         color: #1e90ff !important;
  3431.     }
  3432.  
  3433.     a:visited {
  3434.         color: #1e90ff50 !important;
  3435.     }
  3436.  
  3437.     a:hover {
  3438.         color: #1e90ff80 !important;
  3439.     }
  3440.  
  3441.     a:active {
  3442.         color: #1e90ff !important;
  3443.     }
  3444. }
  3445.  
  3446. @-moz-document domain("mail.google.com") {
  3447.     * {
  3448.         font-family: "Fira Sans" !important;
  3449.     }
  3450. }
  3451.  
  3452. /*
  3453. .pip-wrapper {
  3454.    
  3455.     top: inherit !important;
  3456.     left: 15px !important;
  3457.     border: none !important;
  3458. }
  3459. */
  3460. @-moz-document url-prefix("about:httpsonlyerror") {
  3461.     body {
  3462.         background-color: #161a27 !important;
  3463.     }
  3464.  
  3465.  
  3466.     .title {
  3467.         background-image: url("Lock.svg") !important;
  3468.     }
  3469.  
  3470.     * {
  3471.         font-family: Fira Sans !important;
  3472.     }
  3473. }
  3474.  
  3475. /* error page illustration */
  3476. .dnsNotFound #errorPageContainer {
  3477.     background-image: url("https://i.imgur.com/Z07I9ar.gif") !important;
  3478.     background-color: #161a27 !important;
  3479. }
  3480.  
  3481. .dnsNotFound {
  3482.     font-family: Fira Sans !important;
  3483.     background-color: #161a27 !important;
  3484. }
  3485.  
  3486.  
  3487.  
  3488.  
  3489. @-moz-document url(chrome://browser/content/browser.xhtml) {
  3490.     browser[type="content-primary"] {
  3491.         /*background: #161a27 !important;*/
  3492.         color: #ffffff !important;
  3493.     }
  3494. }
  3495.  
  3496. @-moz-document url(about:newtab) {
  3497.  
  3498.     body,
  3499.     #newtab-customize-overlay {
  3500.         background-color: #161a27 !important;
  3501.         color: #ffffff !important;
  3502.     }
  3503. }
  3504.  
  3505.  
  3506. #tabbrowser-tabpanels {
  3507.     background-color: #161a27 !important;
  3508. }
  3509.  
  3510.  
  3511.  
  3512.  
  3513.  
  3514.  
  3515. @-moz-document domain(facebook.com) {
  3516.     * {
  3517.         font-family: "Fira Sans" !important;
  3518.     }
  3519. }
  3520.  
  3521.  
  3522.  
  3523. @-moz-document domain(news.google.com) {
  3524.     html, body {
  3525.         background: #161a27 !important;
  3526.     }
  3527.  
  3528.     /*a:link {
  3529.         color: #1e90ff !important;
  3530.     }
  3531.  
  3532.     a:visited {
  3533.         color: #1e90ff50 !important;
  3534.     }
  3535.  
  3536.     a:hover {
  3537.         color: #1e90ff80 !important;
  3538.     }
  3539.  
  3540.     a:active {
  3541.         color: #1e90ff !important;
  3542.     }*/
  3543.     .pjBVq,
  3544.     div,
  3545.     article,
  3546.     footer,
  3547.     .FKF6mc,
  3548.     .FKF6mc:focus,
  3549.     .FKF6mc:hover,
  3550.     .iDvCIf,
  3551.     .rdp59b {
  3552.         white-space: normal !important;
  3553.         font-family: Fira Sans !important;
  3554.         border-color: #1e90ff !important;
  3555.         background-color:transparent !important;
  3556.  
  3557.     }
  3558.  
  3559.     .FKF6mc.TpQm9d.ZqhUjb.ztUP4e.tHCKTc.kTeh9.cd29Sd.dHeVVb.lSLCF.Xcw0p,
  3560.     .rdp59b {
  3561.         color: #1e90ff !important;
  3562.     }
  3563.  
  3564.     a.FKF6mc.TpQm9d.ZqhUjb.ztUP4e.tHCKTc.kTeh9.cd29Sd.dHeVVb.lSLCF.Xcw0p:hover,
  3565.     .rdp59b:hover,
  3566.     .rdp59b:focus,
  3567.     a.FKF6mc.TpQm9d.ZqhUjb.ztUP4e.tHCKTc.kTeh9.cd29Sd.dHeVVb.lSLCF.Xcw0p:focus {
  3568.         color: #1e90ff80 !important;
  3569.  
  3570.     }
  3571.  
  3572.     .gb_Fd {
  3573.         background-color: #161a27 !important;
  3574.     }
  3575.  
  3576.     .gb_Ne {
  3577.         background-color: black !important;
  3578.         background-image: none;
  3579.         border-color: transparent;
  3580.     }
  3581.  
  3582.     .ICsaqd {
  3583.         color: #ffffff !important;
  3584.     }
  3585.  
  3586.     .YtXOzd,
  3587.     .pjBVq {
  3588.         outline: #1e90ff 1px !important;
  3589.         font-family: Fira Sans !important;
  3590.         border-color: #1e90ff !important;
  3591.         background-color: #1e90ff40 !important;
  3592.     }
  3593.  
  3594.     .MkjOTb:hover {
  3595.         background-color: #1e90ff70 !important;
  3596.     }
  3597.  
  3598.     .T4LgNb {
  3599.         background: #161a27 !important;
  3600.         border-color: #1e90ff !important;
  3601.     }
  3602.  
  3603.  
  3604.  
  3605.     .boy4he {
  3606.         background-color: #1e90ff70 !important;
  3607.         fill: #ffffff !important;
  3608.     }
  3609.  
  3610.     .To2ZZb.DbQnIe,
  3611.     .To2ZZb.DbQnIe .Ix4NZd {
  3612.  
  3613.         color: #ffffff !important;
  3614.         white-space: nowrap;
  3615.     }
  3616.  
  3617.     .boy4he:hover {
  3618.         background-color: #1e90ff50 !important;
  3619.         fill: #ffffff !important;
  3620.     }
  3621.  
  3622.     .u3WVdc {
  3623.         background: #161a27 !important;
  3624.         border-radius: 4px !important;
  3625.     }
  3626.  
  3627.     .gb_Le {
  3628.         background-color: black !important;
  3629.         background-image: none;
  3630.         border-color: transparent;
  3631.     }
  3632.  
  3633.     .b42OPe {
  3634.         box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 5px 0px, rgba(0, 0, 0, 0.26) 0px 1px 2px 0px;
  3635.         background-color: #161a27 !important;
  3636.  
  3637.     }
  3638.  
  3639.     c-wiz {
  3640.         background-color: #161a27 !important;
  3641.     }
  3642. }
  3643.  
  3644.  
  3645.  
  3646. .downloadProgress {
  3647.     appearance: none !important;
  3648.     margin: 3px 0 -2px 0 !important;
  3649.     border: 1px solid transparent !important;
  3650.     border-radius: 100px !important;
  3651.     height: 8px !important;
  3652.     background-color: var(--arrowpanel-dimmed) !important;
  3653.     overflow: hidden !important;
  3654. }
  3655.  
  3656. .downloadProgress[paused] {
  3657.     background-color: var(--desaturate-dimmed) !important;
  3658. }
  3659.  
  3660. .downloadProgress:not([value="0"])::-moz-progress-bar {
  3661.     margin: 0 !important;
  3662.     height: 100% !important;
  3663. }
  3664.  
  3665. /*
  3666. .downloadProgress::-moz-progress-bar {
  3667.     background-color: var(--toolbarbutton-icon-fill-attention) !important;
  3668. }
  3669. */
  3670. .downloadProgress[paused]::-moz-progress-bar {
  3671.     background-color: var(--desaturate-dimmed-further) !important;
  3672. }
  3673.  
  3674.  
  3675.  
  3676. @-moz-document domain("mail.google.com") {
  3677.  
  3678.     /* ADD ROW HIGHLIGHTS */
  3679.     table.zt tr.yO:hover {
  3680.         background-color: #1e90ff80 !important;
  3681.  
  3682.     }
  3683.  
  3684.     table.zt tr.zE:hover {
  3685.         background-color: #1e90ff80 !important;
  3686.  
  3687.     }
  3688.  
  3689. }
  3690.  
  3691. @-moz-document url("about:blank") {
  3692.     @media (prefers-color-scheme: dark) {
  3693.         :root {
  3694.             background-color: #161a27 !important;
  3695.         }
  3696.     }
  3697. }
  3698.  
  3699.  
  3700. :where(textarea, input[type="text"], input[type="search"], input[type="password"], input[type="url"]) {
  3701.     appearance: none !important;
  3702.     /*border-style: solid ;*/
  3703.     outline: none !important;
  3704.     box-shadow: none !important;
  3705. }
  3706.  
  3707. /*
  3708. popup-notification-button {
  3709.     background: #1e90ff !important;
  3710.     border: 0px !important;
  3711. }
  3712.  
  3713. popup-notification-button:hover {
  3714.     background: #1e90ff80 !important;
  3715.     border: 0px !important;
  3716. }
  3717. */
  3718. /*
  3719. @-moz-document regexp("[about:|chrome:].*") {
  3720.     *:focus {
  3721.         outline-color: color-mix(in srgb, #1e90ff 41%, transparent) !important;
  3722.         outline-width: 0px !important;
  3723.     }
  3724. }
  3725. */
  3726. /*
  3727. :root {
  3728.     --checkmark: #ffffff !important;
  3729.     --checkbox-checked-ink: #1e90ff !important;
  3730.     --checkbox-border-color: #1e90ff !important;
  3731.     --checkbox-checked-color: #ffffff !important;
  3732.     --checkbox-checked-bgcolor: #1e90ff !important;
  3733.     --checkbox-unchecked-bgcolor: #161a27!important;
  3734. }
  3735.  
  3736. #checkbox-check[checked] {
  3737.     border-color: var(--checkbox-checked-border-color) !important;
  3738.     background: var(--checkbox-checked-bgcolor) !important;*/
  3739. /*background-image: url("chrome://global/skin/icons/check.svg") !important;*/
  3740. *
  3741. /*background-position: center !important;
  3742.     background-repeat: no-repeat !important;
  3743.     -moz-context-properties: fill !important;
  3744.     fill: #ffffff !important;
  3745.     color: #ffffff !important;*/
  3746.  
  3747. /*var(--checkbox-checked-color, -moz-accent-color-foreground);*/
  3748.  
  3749. /*color-adjust: exact !important;
  3750. }*/
  3751. /*
  3752. #checkbox-check {
  3753.     appearance: none !important;
  3754.     color: var(--checkbox-border-color) !important;
  3755.     background: #161a27!important;
  3756.     border: 1px solid #1e90ff !important;
  3757.  
  3758.     border-radius: 2px !important;
  3759.     margin-inline-end: 6px !important;
  3760. }
  3761.  
  3762. #checkbox:hover {
  3763.     appearance: none !important;
  3764.     color: var(--checkbox-border-color) !important;
  3765.     background: #1e90ff80 !important;
  3766.     border: 1px solid #1e90ff !important;
  3767.    
  3768.  
  3769.     border-radius: 2px !important;
  3770.     margin-inline-end: 6px !important;
  3771. }
  3772.  
  3773. */
  3774. #commonDialog {
  3775.     background: #161a27 !important;
  3776.     color: #ffffff !important;
  3777. }
  3778.  
  3779. textbox {
  3780.     color: #ffffff !important;
  3781.     border: 0px !important;
  3782.     outline: none !important;
  3783. }
  3784.  
  3785.  
  3786.  
  3787.  
  3788. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  3789. /*****************************************************************************************/
  3790.  
  3791. @-moz-document url-prefix(about:config) {
  3792.  
  3793.     * {
  3794.         font-size: 15px !important;
  3795.         font-family: Fira Sans !important;
  3796.     }
  3797.  
  3798.     html, body {
  3799.         background: #161a27 !important;
  3800.     }
  3801.  
  3802.     #prefs {
  3803.         background-color: #161a27 !important;
  3804.         color: #ffffff !important;
  3805.  
  3806.     }
  3807.  
  3808.     :root {
  3809.         --checkmark: #ffffff !important;
  3810.         --checkbox-checked-ink: #1e90ff !important;
  3811.     }
  3812.  
  3813.     /*
  3814.  
  3815.     #prefs,
  3816.     #prefs * {
  3817.         min-height: unset !important;
  3818.         padding-left: unset !important;
  3819.         padding-right: unset !important;
  3820.         margin: unset !important;
  3821.     }
  3822.  
  3823.     #prefs>tr,
  3824.     #prefs>tr>td,
  3825.     #prefs>tr>th {
  3826.         min-height: unset !important;
  3827.         height: unset !important;
  3828.         padding-left: unset !important;
  3829.         padding-right: unset !important;
  3830.         margin: unset !important;
  3831.     }
  3832. */
  3833.     #prefs {
  3834.  
  3835.         border: none !important;
  3836.     }
  3837.  
  3838.     /*
  3839.     #prefs button {
  3840.         min-height: 16px !important;
  3841.         height: unset !important;
  3842.         min-width: 16px !important;
  3843.         width: unset !important;
  3844.         padding: unset !important;
  3845.         margin: unset !important;
  3846.     }
  3847.  
  3848.     #prefs button {
  3849.         -moz-margin-start: 1px !important;
  3850.     }
  3851.  
  3852.     #prefs #form-edit>* {
  3853.         -moz-margin-end: 2px !important;
  3854.     }
  3855.  
  3856.     input[type="radio"] {
  3857.         transform: scale(0.8) !important;
  3858.     }
  3859.  
  3860.     #search-container * {
  3861.         min-height: unset !important;
  3862.         padding-top: unset !important;
  3863.         padding-bottom: unset !important;
  3864.         margin-top: unset !important;
  3865.         margin-bottom: unset !important;
  3866.     }
  3867.  
  3868.     #search-container {
  3869.         padding: 0 !important;
  3870.     }
  3871. */
  3872.     input[type="checkbox"]:disabled {
  3873.         appearance: none !important;
  3874.         border: 1px solid #1e90ff !important;
  3875.         background-color: #161a27 !important;
  3876.         border-radius: 2px;
  3877.     }
  3878.  
  3879.     input[type="checkbox"]:hover {
  3880.         appearance: none !important;
  3881.         border: 1px solid #1e90ff !important;
  3882.         background-color: #1e90ff80 !important;
  3883.         border-radius: 2px;
  3884.     }
  3885.  
  3886.     input[type="checkbox"] {
  3887.         appearance: none !important;
  3888.         border: 1px solid #1e90ff !important;
  3889.         background-color: #161a27 !important;
  3890.         border-radius: 2px;
  3891.     }
  3892.  
  3893.     input[type="checkbox"]:checked {
  3894.         appearance: none !important;
  3895.         border: 1px solid #1e90ff !important;
  3896.         background-color: #1e90ff !important;
  3897.         border-radius: 2px;
  3898.         color:#ffffff !important;
  3899.     }
  3900.  
  3901.     #toolbar,
  3902.     #search-container,
  3903.     #about-config-search:focus,
  3904.     #search-container,
  3905.     #about-config-search[focused] {
  3906.         box-shadow: unset !important;
  3907.         border:none !important;
  3908.         box-sizing: unset !important;
  3909.         outline: none !important;
  3910.     }
  3911.  
  3912.     #toolbar,
  3913.     #search-container,
  3914.     #about-config-search {
  3915.         box-shadow: unset !important;
  3916.         box-shadow: unset !important;
  3917.         border:none !important;
  3918.         box-sizing: unset !important;
  3919.         outline: none !important;
  3920.     }
  3921.  
  3922.     /*
  3923.     .cell-edit,
  3924.     .cell-reset {
  3925.         width: 20px !important;
  3926.     }
  3927. */
  3928.     #about-config-search {
  3929.         /*-moz-context-properties: fill, fill-opacity;*/
  3930.         margin-left: 20px !important;
  3931.         fill: #1e90ff !important;
  3932.         opacity: 1 !important;
  3933.         box-sizing: border-box;
  3934.         flex-grow: 1;
  3935.         filter: opacity(100%) !important;
  3936.         background-image: url("search.svg") !important;
  3937.         background-repeat: no-repeat;
  3938.         background-position: 8px center;
  3939.         background-size: 20px !important;
  3940.         margin-inline: 0;
  3941.         text-align: match-parent;
  3942.         direction: ltr;
  3943.         /*color: #ffffff !important;*/
  3944.         background-color: #161a27 !important;
  3945.     }
  3946.  
  3947.     .config-background {
  3948.         background: url("renardeau.gif") !important;
  3949.         background-repeat: no-repeat;
  3950.         height: 200px !important;
  3951.         margin: 32px auto !important;
  3952.         width: 235px !important;
  3953.         background-size: 100% !important;
  3954.     }
  3955.  
  3956.     checkbox:not([disabled]):hover>.checkbox-check {
  3957.         border-color: #1e90ff !important;
  3958.         background-color: #1e90ff !important;
  3959.         border-radius: 3px !important;
  3960.         color: #ffffff !important;
  3961.         fill: #ffffff !important;
  3962.     }
  3963.  
  3964.     checkbox[checked]>.checkbox-check {
  3965.         list-style-image: url("chrome://global/skin/icons/check.svg");
  3966.         -moz-context-properties: fill !important;
  3967.         fill: #ffffff !important;
  3968.         background-color: #1e90ff !important;
  3969.     }
  3970.  
  3971.     checkbox>.checkbox-check {
  3972.         background-color: #161a27 !important;
  3973.         color: #ffffff !important;
  3974.         border-color: #1e90ff !important;
  3975.         border-radius: 2px !important;
  3976.  
  3977.     }
  3978.  
  3979.     button:hover,
  3980.     input[type="button"]:hover {
  3981.         background-color: #1e90ff80 !important;
  3982.         color: #ffffff !important;
  3983.         box-shadow: none !important;
  3984.     }
  3985.  
  3986.     button,
  3987.     input[type="button"] {
  3988.         background-color: #1e90ff !important;
  3989.         color: #ffffff !important;
  3990.         box-shadow: none !important;
  3991.     }
  3992.  
  3993.  
  3994.     .checkbox-container {
  3995.         font-size: 12px !important;
  3996.         margin-right: 55px !important;
  3997.         padding-block: 0px !important;
  3998.     }
  3999.  
  4000.     span.checkbox-container {
  4001.         font-size: 12px !important;
  4002.     }
  4003.  
  4004.     scrollbar[orient="horizontal"] {
  4005.         display: none !important;
  4006.     }
  4007.  
  4008. }
  4009.  
  4010. checkbox:not([disabled]):hover>.checkbox-check {
  4011.     border-color: #1e90ff !important;
  4012.     background-color: #1e90ff !important;
  4013.     border-radius: 3px !important;
  4014.     color: #ffffff !important;
  4015.     fill: #ffffff !important;
  4016. }
  4017.  
  4018. checkbox[checked]>.checkbox-check {
  4019.     /*list-style-image: url("chrome://global/skin/icons/check.svg");*/
  4020.     -moz-context-properties: fill !important;
  4021.     fill: #ffffff !important;
  4022.     background-color: #1e90ff !important;
  4023. }
  4024.  
  4025. checkbox>.checkbox-check {
  4026.     background-color: #161a27 !important;
  4027.     color: #ffffff !important;
  4028.     border-color: #1e90ff !important;
  4029.     border-radius: 2px !important;
  4030.  
  4031. }
  4032.  
  4033.  
  4034. @-moz-document domain(reddit.com) {
  4035.     * {
  4036.         font-family: "Fira Sans" !important;
  4037.     }
  4038.  
  4039.     .icon {
  4040.         /* improve visibility */
  4041.         /*font-size: px;*/
  4042.         /*font-weight: 100 !important;*/
  4043.         color: #1e90ff !important;
  4044.         fill: #1e90ff !important;
  4045.     }
  4046.  
  4047.     /* reduce margin above post buttons
  4048.     #SHORTCUT_FOCUSABLE_DIV>div:nth-child(4)>div>div>div>div>div>div>div>div>div>div>div>div>div>div:nth-child(3) {
  4049.         margin-top: 0px;
  4050.     }*/
  4051. }
  4052.  
  4053.  
  4054. /*
  4055.  
  4056. :root {
  4057.     --downloads-item-height: 5.5em;
  4058.     --downloads-item-font-size-factor: 0.9;
  4059.     --downloads-item-details-opacity: 0.6;
  4060. }
  4061.  
  4062. :root {
  4063.     --download-progress-fill-color: #1e90ff !important;
  4064.     --download-progress-paused-color: #1e90ff80 !important;
  4065.     --download-progress-flare-color: rgba(255, 255, 255, 0.75);
  4066. }
  4067.  
  4068.  
  4069.  
  4070.  
  4071. @-moz-document domain("google.fr") {
  4072.     :root {
  4073.         font-family: Fira Sans !important;
  4074.     }
  4075. }
  4076.  
  4077. @-moz-document url("about:home"),
  4078. url("about:newtab") {
  4079.     .outer-wrapper {
  4080.         background-color: #161a27 !important;
  4081.     }
  4082. }
  4083.  
  4084. */
  4085.  
  4086. @-moz-document url-prefix("https://accounts.firefox.com") {
  4087.     * {
  4088.         font-family: Fira Sans !important;
  4089.     }
  4090.  
  4091.     /* Basic */
  4092.     body, .unit-row, .bg-#ffffff {
  4093.  
  4094.         color: #ffffff !important;
  4095.         background: #161a27 !important;
  4096.     }
  4097.  
  4098.     .tablet\:rounded-xl {
  4099.         border-radius: .75rem !important;
  4100.     }
  4101.  
  4102.     .button.primary-button,
  4103.     .button[type="submit"]:not(.secondary-button),
  4104.     .settings-button.primary-button,
  4105.     .settings-button[type="submit"]:not(.secondary-button),
  4106.     button.primary-button,
  4107.     button[type="submit"]:not(.secondary-button) {
  4108.         color: #ffffff !important;
  4109.         background: #1e90ff !important;
  4110.     }
  4111.  
  4112.     /* Text */
  4113.     header h1,
  4114.     .info,
  4115.     .info a,
  4116.     .faint a:hover,
  4117.     .cta-neutral:hover {
  4118.         color: #ffffff !important;
  4119.  
  4120.     }
  4121.  
  4122.     .cta-caution label,
  4123.     .cta-neutral label,
  4124.     .cta-primary label {
  4125.         color: #ffffff !important;
  4126.         text-align: center !important;
  4127.         padding-block: 2px !important;
  4128.         margin-block: 0px !important;
  4129.     }
  4130.  
  4131.     .px-10 {
  4132.         padding-block: 2px !important;
  4133.         text-align: center !important;
  4134.         margin-block: 0px !important;
  4135.     }
  4136.  
  4137.     .max-w-32 {
  4138.         padding-block: 2px !important;
  4139.         text-align: center !important;
  4140.         margin-block: 0px !important;
  4141.     }
  4142.  
  4143.     .mx-2 {
  4144.         padding-block: 2px !important;
  4145.         text-align: center !important;
  4146.         margin-block: 0px !important;
  4147.     }
  4148.  
  4149.     #main-content.panel a,
  4150.     .links a,
  4151.     .link-blue,
  4152.     .text-blue-500 {
  4153.         color: #ffffff !important;
  4154.     }
  4155.  
  4156.     .link-blue:hover {
  4157.         color: #1e90ff !important;
  4158.     }
  4159.  
  4160.     .signed-in-email-message,
  4161.     .verification-email-message,
  4162.     .verification-message,
  4163.     .verification-recovery-code-message,
  4164.     .verification-totp-message,
  4165.     .input-row input[type="email"],
  4166.     .input-row input[type="number"],
  4167.     .input-row input[type="password"],
  4168.     .input-row input[type="tel"],
  4169.     .input-row input[type="text"],
  4170.     .input-row input::placeholder,
  4171.     .firefox-family-services>ul>.firefox-service,
  4172.     .faint,
  4173.     .faint a,
  4174.     .text-grey-400 {
  4175.         color: grey !important;
  4176.     }
  4177.  
  4178.     /* Background */
  4179.     .password-row .show-password-label {
  4180.         background-color: #000000 !important;
  4181.         color: #ffffff !important;
  4182.     }
  4183.  
  4184.     #main-content,
  4185.     .modal,
  4186.     .firefox-family-services,
  4187.     .input-row input[type="email"],
  4188.     .input-row input[type="number"],
  4189.     .input-row input[type="password"],
  4190.     .input-row input[type="tel"],
  4191.     .input-row input[type="text"],
  4192.     header,
  4193.     .bg-#ffffff:not(nav) {
  4194.         background: #161a27 !important;
  4195.         color: #ffffff !important;
  4196.     }
  4197.  
  4198.     #suggest-sync,
  4199.     .cta-neutral {
  4200.         background: #1e90ff80 !important;
  4201.         color: #ffffff !important;
  4202.     }
  4203.  
  4204.     .cta-neutral:hover,
  4205.     .bg-grey-50:hover,
  4206.     .hover\:bg-grey-100:hover {
  4207.         background: #1e90ff !important;
  4208.         color: #ffffff !important;
  4209.     }
  4210.  
  4211.     .cta-neutral,
  4212.     .bg-grey-50,
  4213.     .hover\:bg-grey-100 {
  4214.         background: #161a27 !important;
  4215.         color: #ffffff !important;
  4216.     }
  4217.  
  4218.     .hover\:bg-grey-200:hover {
  4219.         background: #1e90ff !important;
  4220.         color: #ffffff !important;
  4221.     }
  4222.  
  4223.     .button.primary-button:hover:enabled,
  4224.     .button[type="submit"]:not(.secondary-button):hover:enabled,
  4225.     .settings-button.primary-button:hover:enabled,
  4226.     .settings-button[type="submit"]:not(.secondary-button):hover:enabled,
  4227.     button.primary-button:hover:enabled,
  4228.     button[type="submit"]:not(.secondary-button):hover:enabled {
  4229.         background: #1e90ff !important;
  4230.         color: #ffffff !important;
  4231.     }
  4232.  
  4233.     .tooltip,
  4234.     .tooltip::before {
  4235.         background: #1e90ff !important;
  4236.     }
  4237.  
  4238.     /* Fill */
  4239.     .dismiss,
  4240.     #about-mozilla,
  4241.     .show-password-label,
  4242.     footer a[data-testid="link-mozilla"] {
  4243.         filter: invert(95%) !important;
  4244.     }
  4245.  
  4246.     header button svg,
  4247.     header .rounded svg,
  4248.     #service svg {
  4249.         filter: brightness(15) !important;
  4250.     }
  4251.  
  4252.     button.relative,
  4253.     #fxa-settings nav svg {
  4254.         filter: brightness(2) !important;
  4255.     }
  4256.  
  4257.     /* Others */
  4258.     .input-row input[type="email"],
  4259.     .input-row input[type="number"],
  4260.     .input-row input[type="password"],
  4261.     .input-row input[type="tel"],
  4262.     .input-row input[type="text"],
  4263.     .unit-row-hr .border-grey-100 {
  4264.         border-color: #1e90ff !important;
  4265.     }
  4266.  
  4267.     .input-row input[type="email"]:hover,
  4268.     .input-row input[type="number"]:hover,
  4269.     .input-row input[type="password"]:hover,
  4270.     .input-row input[type="tel"]:hover,
  4271.     .input-row input[type="text"]:hover {
  4272.         border-color:#1e90ff80 !important;
  4273.     }
  4274.  
  4275.     #main-content {
  4276.         box-shadow: none !important;
  4277.         /*0 12px 18px 2px rgba(249, 249, 250, 0.12), 0 6px 22px 4px rgba(91, 91, 102, 0.12),
  4278.         0 6px 10px -4px rgba(82, 82, 94, 0.04) !important;*/
  4279.     }
  4280.  
  4281.     .input-row input[type="email"]:focus,
  4282.     .input-row input[type="number"]:focus,
  4283.     .input-row input[type="password"]:focus,
  4284.     .input-row input[type="tel"]:focus,
  4285.     .input-row input[type="text"]:focus {
  4286.         box-shadow: 0 0 0 3px color-mix(in srgb, #1e90ff 80%, transparent) !important;
  4287.     }
  4288.  
  4289.     .drop-down-menu {
  4290.         --darkreader-bg--bg-opacity: 1;
  4291.         background-color: #161a27 !important;
  4292.         /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;*/
  4293.     }
  4294. }
  4295.  
  4296. @-moz-document url-prefix("about:") {
  4297.     panel-list {
  4298.         box-shadow: none !important;
  4299.     }
  4300. }
  4301.  
  4302. @-moz-document url-prefix("about:newtab"),
  4303. @-moz-document url-prefix("about:home"),
  4304. @-moz-document url-prefix("about:blank") {
  4305.  
  4306.     html:not(#ublock0-epicker),
  4307.     html:not(#ublock0-epicker) body,
  4308.     body,
  4309.     html:not(#ublock0-epicker) #newtab-customize-overlay {
  4310.         background-color: #161a27 !important;
  4311.         background: #161a27 !important;
  4312.         color: #ffffff !important;
  4313.     }
  4314. }
  4315.  
  4316. ::selection {
  4317.     background: #1f90ff !important;
  4318.     background-color: #1e90ff !important;
  4319.     color: #ffffff !important;
  4320. }
  4321.  
  4322. p::-moz-selection {
  4323.     background: #1f90ff !important;
  4324.     background-color: #1e90ff !important;
  4325.     color: #ffffff !important;
  4326. }
  4327.  
  4328. p::selection {
  4329.     background: #1f90ff !important;
  4330.     background-color: #1e90ff !important;
  4331.     color: #ffffff !important;
  4332. }
  4333.  
  4334. ::-moz-selection {
  4335.     background: #1f90ff !important;
  4336.     background-color: #1e90ff !important;
  4337.     color: #ffffff !important;
  4338. }
  4339.  
  4340.  
  4341.  
  4342. #netErrorButtonContainer>.try-again {
  4343.  
  4344.     background: #1e90ff !important;
  4345.     color: #ffffff !important;
  4346.  
  4347. }
  4348.  
  4349. #netErrorButtonContainer>.try-again:hover {
  4350.     background: #1e90ff80 !important;
  4351.     color: #ffffff !important;
  4352.  
  4353. }
  4354.  
  4355. @-moz-document url-prefix("about:neterror") {
  4356.     html, body {
  4357.         /*background-image: url("Animation.gif") !important;
  4358.         background-size: cover !important;*/
  4359.         background: #161a27 !important;
  4360.         background-size: cover !important;
  4361.         font-family: Fira Sans !important;
  4362.         color: #ffffff !important;
  4363.     }
  4364.  
  4365.     #errorPageContainer {
  4366.         /*background-color: #161a27 !important;*/
  4367.         color: #ffffff !important;
  4368.     }
  4369.  
  4370.     .title-text {
  4371.         color: #ffffff !important;
  4372.         font-family: Fira Sans !important;
  4373.     }
  4374.  
  4375.     button {
  4376.         background: #1e90ff !important;
  4377.         color: #ffffff !important;
  4378.     }
  4379.  
  4380.     button:hover {
  4381.         background: #1e90ff80 !important;
  4382.         color: #ffffff !important;
  4383.     }
  4384. }
  4385.  
  4386. /*
  4387. #widget-overflow #PanelUI-webext-addon_darkreader_org-browser-action-view {
  4388.     min-width: 276px !important;
  4389.     max-width: 276px !important;
  4390.     box-shadow: none !important;
  4391.     border: none !important;
  4392.     outline: none !important;
  4393. }
  4394. */
  4395. @-moz-document url("chrome://mozapps/content/handling/permissionDialog.xhtml") {
  4396.  
  4397.     /*richlistitem[selected="true"] {
  4398.         background-color: #1e90ff !important;
  4399.         color: #ffffff !important;
  4400.     }*/
  4401.     checkbox:not([disabled]):hover>.checkbox-check {
  4402.         border-color: #1e90ff !important;
  4403.         background-color: #1e90ff !important;
  4404.         border-radius: 3px !important;
  4405.         color: #ffffff !important;
  4406.         fill: #ffffff !important;
  4407.     }
  4408.  
  4409.     checkbox[checked]>.checkbox-check {
  4410.  
  4411.         color: #ffffff !important;
  4412.         background: #1e90ff !important;
  4413.     }
  4414.  
  4415.     checkbox>.checkbox-check {
  4416.         background-color: #161a27 !important;
  4417.         color: #ffffff !important;
  4418.         border-color: #1e90ff !important;
  4419.         border-radius: 2px !important;
  4420.  
  4421.     }
  4422. }
  4423.  
  4424. @-moz-document url("chrome://mozapps/content/handling/appChooser.xhtml"),
  4425. url("chrome://mozapps/content/handling/permissionDialog.xhtml") {
  4426.  
  4427.     richlistitem[selected="true"] {
  4428.         background-color: #1e90ff !important;
  4429.         color: #ffffff !important;
  4430.     }
  4431.  
  4432.     richlistbox {
  4433.         background-color: #161a27 !important;
  4434.         color: #ffffff !important;
  4435.     }
  4436.  
  4437.     /*
  4438.     checkbox:not([disabled]):hover>.checkbox-check {
  4439.         border-color: #1e90ff !important;
  4440.         background-color: #1e90ff !important;
  4441.         border-radius: 3px !important;
  4442.         color: #ffffff !important;
  4443.         fill: #ffffff !important;
  4444.     }
  4445.  
  4446.     checkbox[checked]>.checkbox-check {
  4447.         list-style-image: url("chrome://global/skin/icons/check.svg");
  4448.         -moz-context-properties: fill !important;
  4449.         fill: #ffffff !important;
  4450.         background-color: #1e90ff !important;
  4451.     }
  4452.  
  4453.     checkbox>.checkbox-check {
  4454.         background-color: #161a27 !important;
  4455.         color: #ffffff !important;
  4456.         border-color: #1e90ff !important;
  4457.         border-radius: 2px !important;
  4458.  
  4459.     }
  4460. */
  4461.     #description {
  4462.         font-weight: bold;
  4463.     }
  4464.  
  4465.     #remember-text:not([visible]) {
  4466.         visibility: hidden;
  4467.     }
  4468.  
  4469.     dialog {
  4470.         padding: 16px calc(16px - 4px);
  4471.     }
  4472.  
  4473.     #items,
  4474.     label,
  4475.     description {
  4476.         margin: 0;
  4477.     }
  4478.  
  4479.     #items label {
  4480.         margin-inline: 4px;
  4481.     }
  4482.  
  4483.     #description,
  4484.     #description-box,
  4485.     #rememberContainer,
  4486.     #chooser {
  4487.         margin: 0 4px 16px;
  4488.     }
  4489.  
  4490.     /* avoid double inline margins when #description is nested: */
  4491.     #description-box>#description {
  4492.         margin-inline: 0;
  4493.     }
  4494.  
  4495.     /* Parent selector to win on specificity against common.css */
  4496.     #rememberContainer>.toggle-container-with-text {
  4497.         align-items: baseline;
  4498.         color: var(--in-content-deemphasized-text);
  4499.     }
  4500.  
  4501.     .toggle-container-with-text>html|input[type="checkbox"] {
  4502.         margin-inline-end: 8px;
  4503.         /* Ensure the checkbox is properly aligned with the text: */
  4504.         translate: 0 calc(1px + max(60% - .6em, 0px));
  4505.     }
  4506.  
  4507.     #rememberContainer:not([hidden]) {
  4508.         /* Ensure we don't get sized to the smallest child when the checkbox text wraps. */
  4509.         display: block;
  4510.     }
  4511.  
  4512.     input[type="checkbox"]:disabled {
  4513.         appearance: none !important;
  4514.         border: 1px solid #1e90ff !important;
  4515.         background-color: #161a27 !important;
  4516.         border-radius: 2px;
  4517.     }
  4518.  
  4519.     input[type="checkbox"]:hover {
  4520.         appearance: none !important;
  4521.         border: 1px solid #1e90ff !important;
  4522.         background-color: #1e90ff80 !important;
  4523.         border-radius: 2px;
  4524.     }
  4525.  
  4526.     input[type="checkbox"] {
  4527.         appearance: none !important;
  4528.         border: 1px solid #1e90ff !important;
  4529.         background-color: #161a27 !important;
  4530.         border-radius: 2px;
  4531.     }
  4532.  
  4533.     input[type="checkbox"]:checked {
  4534.         appearance: none !important;
  4535.         border: 1px solid #1e90ff !important;
  4536.         background-color: #1e90ff !important;
  4537.         border-radius: 2px;
  4538.         color: #ffffff !important;
  4539.     }
  4540.  
  4541.     checkbox:not([disabled]):hover>.checkbox-check {
  4542.         border-color: #1e90ff !important;
  4543.         background-color: #1e90ff !important;
  4544.         border-radius: 3px !important;
  4545.         color: #ffffff !important;
  4546.         fill: #ffffff !important;
  4547.     }
  4548.  
  4549.     checkbox[checked]>.checkbox-check {
  4550.         list-style-image: url("chrome://global/skin/icons/check.svg");
  4551.         -moz-context-properties: fill !important;
  4552.         fill: #ffffff !important;
  4553.         background-color: #1e90ff !important;
  4554.     }
  4555.  
  4556.     checkbox>.checkbox-check {
  4557.         background-color: #161a27 !important;
  4558.         color: #ffffff !important;
  4559.         border-color: #1e90ff !important;
  4560.         border-radius: 2px !important;
  4561.  
  4562.     }
  4563.  
  4564.     button:hover,
  4565.     input[type="button"]:hover {
  4566.         background-color: #1e90ff80 !important;
  4567.         color: #ffffff !important;
  4568.         box-shadow: none !important;
  4569.     }
  4570.  
  4571.     button,
  4572.     input[type="button"] {
  4573.         background-color: #1e90ff !important;
  4574.         color: #ffffff !important;
  4575.         box-shadow: none !important;
  4576.     }
  4577. }
  4578.  
  4579. #webextension-popup-browser,
  4580. #webextension-popup-stack,
  4581. #customizationui-widget-panel,
  4582. .browser-extension-panel {
  4583.     border-radius: inherit !important;
  4584.     background: #161a27 !important;
  4585.     font-family: Fira Sans !important;
  4586.     color: #ffffff !important;
  4587.     outline: none !important;
  4588.     box-shadow: none !important;
  4589.     outline-offset: unset !important;
  4590. }
  4591.  
  4592. /*
  4593. menu#_c5867acc-54c9-4074-9574-04d8818d53e8_-menuitem-10.menu-iconic image {
  4594.     -moz-context-properties: fill !important;
  4595.     fill: #ffffff !important;
  4596.     color: #ffffff !important;
  4597. }
  4598. */
  4599. @-moz-document domain("developer.mozilla.org") {
  4600.  
  4601.     html {
  4602.         background: #17171a !important;
  4603.     }
  4604.  
  4605.     html>body,
  4606.     table,
  4607.     tbody,
  4608.     tr,
  4609.     td:not([style*="background"]),
  4610.     h1,
  4611.     h2,
  4612.     h3,
  4613.     ul,
  4614.     ol,
  4615.     li,
  4616.     dl,
  4617.     dt,
  4618.     dd,
  4619.     p,
  4620.     blockquote,
  4621.     q,
  4622.     cite,
  4623.     fieldset,
  4624.     form,
  4625.     label,
  4626.     iframe,
  4627.     header,
  4628.     main,
  4629.     footer,
  4630.     nav,
  4631.     article,
  4632.     section,
  4633.     caption,
  4634.     center,
  4635.     abbr,
  4636.     sub,
  4637.     sup,
  4638.     font,
  4639.     code,
  4640.     /* images */
  4641.     .lwrap {
  4642.         background: none !important;
  4643.     }
  4644.  
  4645.     ul.technologies,
  4646.     .references-guides,
  4647.     .feedback {
  4648.         background-color: #111 !important;
  4649.     }
  4650.  
  4651.     div,
  4652.     tt,
  4653.     a,
  4654.     span,
  4655.     img {
  4656.         background-color: transparent !important;
  4657.     }
  4658.  
  4659.     #content,
  4660.     #tabzilla-panel,
  4661.     #toc,
  4662.     table.diff {
  4663.         background: #0f0f11 !important;
  4664.         border-radius: 12px !important;
  4665.     }
  4666.  
  4667.     option,
  4668.     kbd,
  4669.     pre,
  4670.     th,
  4671.     #main-header,
  4672.     .submenu,
  4673.     .from-search-toc {
  4674.         background: #181818 !important;
  4675.     }
  4676.  
  4677.     .diff_add,
  4678.     .diff_sub,
  4679.     .diff_chg {
  4680.         background: #111 !important;
  4681.     }
  4682.  
  4683.     mark,
  4684.     .warning {
  4685.         background: #933 !important;
  4686.         border-color: transparent !important;
  4687.     }
  4688.  
  4689.     /* example; .experimental: https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes */
  4690.     .notice.experimental,
  4691.     .experimental,
  4692.     .draft,
  4693.     .overheadIndicator.draft {
  4694.         background: #332 !important;
  4695.         border-color: #664 !important;
  4696.     }
  4697.  
  4698.     /* header search */
  4699.     .search-wrap,
  4700.     .reviews,
  4701.     .warning-review,
  4702.     .note,
  4703.     /* Eyedropper */
  4704.     .geckoVersionNote,
  4705.     /* nsILocalFile */
  4706.     .geckoVersionHeading {
  4707.         background: #333 !important;
  4708.         border-color: #555 !important;
  4709.     }
  4710.  
  4711.     /* example; obsolete content: https://developer.mozilla.org/en-US/docs/E4X */
  4712.     .line-highlight {
  4713.         background: rgba(140, 140, 140, .2) !important;
  4714.     }
  4715.  
  4716.     /* example: https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXULRuntime OR ./nsILocalFile */
  4717.     div[style*="background: #dd0000;"] {
  4718.         background: #700 !important;
  4719.     }
  4720.  
  4721.     /* red: nonexistent */
  4722.     div[style*="background: #00dd00;"] {
  4723.         background: #070 !important;
  4724.     }
  4725.  
  4726.     /* green: supported */
  4727.     div[style*="background: #ff8000;"] {
  4728.         background: #f80 !important;
  4729.     }
  4730.  
  4731.     /* orange: deprecated */
  4732.     div[style*="background: #eeee00;"] {
  4733.         background: #ff0 !important;
  4734.     }
  4735.  
  4736.     /* yellow: last changed */
  4737.  
  4738.     * {
  4739.         color: inherit !important;
  4740.         border-color: #555 !important;
  4741.         text-shadow: none !important;
  4742.         box-shadow: none !important;
  4743.         font-family: Fira Sans !important;
  4744.     }
  4745.  
  4746.     html {
  4747.         color: #ccc !important;
  4748.     }
  4749.  
  4750.     hr {
  4751.         height: 0 !important;
  4752.         border: 0 solid #555 !important;
  4753.         border-width: 1px 0 0 !important;
  4754.     }
  4755.  
  4756.     a {
  4757.         color: #4be !important;
  4758.     }
  4759.  
  4760.     a:hover {
  4761.         color: #7df !important;
  4762.     }
  4763.  
  4764.     a:visited {
  4765.         color: #98f !important;
  4766.     }
  4767.  
  4768.     a:visited:hover {
  4769.         color: #baf !important;
  4770.     }
  4771.  
  4772.     a.new,
  4773.     .newpage {
  4774.         color: #f55 !important;
  4775.     }
  4776.  
  4777.     a.new:hover {
  4778.         color: #f77 !important;
  4779.     }
  4780.  
  4781.     /* don't use .error, because of body.error
  4782.     dl,
  4783.     ul,
  4784.     ol {
  4785.         -moz-column-rule-color: #555 !important;
  4786.     }
  4787. */
  4788.     ::-moz-selection {
  4789.         background: #184880 !important;
  4790.     }
  4791.  
  4792.     ::selection {
  4793.         background: #184880 !important;
  4794.     }
  4795.  
  4796.  
  4797.     input[type="submit"]:hover,
  4798.     input[type="button"]:hover,
  4799.     input[type="file"]:hover,
  4800.     input[type="reset"]:hover,
  4801.     button:hover {
  4802.         border-color: #158 !important;
  4803.         background-color: #158 !important;
  4804.         color: #fff !important;
  4805.     }
  4806.  
  4807.     button,
  4808.     input,
  4809.     select,
  4810.     textarea {
  4811.         -moz-appearance: none !important;
  4812.     }
  4813.  
  4814.     input[type="radio"],
  4815.     input[type="checkbox"] {
  4816.         color: #4be !important;
  4817.         background: #222 !important;
  4818.         border-color: #999 !important;
  4819.     }
  4820.  
  4821.     input,
  4822.     select,
  4823.     textarea {
  4824.         background: #181818 !important;
  4825.         color: #ccc !important;
  4826.     }
  4827.  
  4828.     input[type] {
  4829.         border-width: 1px !important;
  4830.         border-style: solid !important;
  4831.     }
  4832.  
  4833.     textarea:hover,
  4834.     input:hover,
  4835.     select:hover,
  4836.     textarea:focus,
  4837.     input:focus,
  4838.     select:focus {
  4839.         border-color: #09f !important;
  4840.     }
  4841.  
  4842.     select>button,
  4843.     .search-wrap>input[type="search"] {
  4844.         background-color: transparent !important;
  4845.         border: none !important;
  4846.     }
  4847.  
  4848.     option:hover,
  4849.     option:focus,
  4850.     option:active,
  4851.     option:checked {
  4852.         background: #158 !important;
  4853.     }
  4854.  
  4855.     #wiki-left,
  4856.     #toc {
  4857.         opacity: .6 !important;
  4858.     }
  4859.  
  4860.     #wiki-content img:not(:hover) {
  4861.         opacity: .7 !important;
  4862.     }
  4863.  
  4864.     .cssprop {
  4865.         background:
  4866.         /*#320*/
  4867.         #431 !important;
  4868.         border-left-color: #960 !important;
  4869.     }
  4870.  
  4871.     :not(pre)>code[class*="language-"],
  4872.     pre[class*="language-"] {
  4873.         border-left-color: #158 !important;
  4874.     }
  4875.  
  4876.     /* comments */
  4877.     .token.comment,
  4878.     .token.prolog,
  4879.     .token.doctype,
  4880.     .token.cdata {
  4881.         color: #777 !important;
  4882.     }
  4883.  
  4884.     /* blue */
  4885.     .token.atrule,
  4886.     .token.attr-value,
  4887.     .token.keyword {
  4888.         color: #5bf !important;
  4889.     }
  4890.  
  4891.     /* green */
  4892.     .token.selector,
  4893.     .token.attr-name,
  4894.     .token.string {
  4895.         color: #5f5 !important;
  4896.     }
  4897.  
  4898.     /* gray */
  4899.     .token.punctuation,
  4900.     .token.operator {
  4901.         color: #fa0 !important;
  4902.     }
  4903.  
  4904.     /* red/magenta */
  4905.     .token.property,
  4906.     .token.tag,
  4907.     .token.boolean,
  4908.     .token.number,
  4909.     .token.function {
  4910.         color: #f5f !important;
  4911.     }
  4912.  
  4913.     span[title="Recommendation"] {
  4914.         color: #ccc !important;
  4915.         background: #262 !important;
  4916.     }
  4917.  
  4918.     span[title="Working Draft"] {
  4919.         color: #ccc !important;
  4920.         background: #851 !important;
  4921.     }
  4922.  
  4923.     span[title^="Editor's Draft"],
  4924.     span[title="Editor's Draft (unofficial)"] {
  4925.         color: #ccc !important;
  4926.         background: #933 !important;
  4927.     }
  4928.  
  4929.     .inlineIndicator,
  4930.     .indicatorInHeadline,
  4931.     .blockIndicator,
  4932.     .overheadIndicator {
  4933.         background: none !important;
  4934.     }
  4935.  
  4936.     .readOnly {
  4937.         background: #333 !important;
  4938.         color: #ccc !important;
  4939.     }
  4940.  
  4941.     .unimplemented,
  4942.     .obsolete {
  4943.         background: #522 !important;
  4944.         color: #ccc !important;
  4945.     }
  4946.  
  4947.     /* requires min version */
  4948.     .minVer,
  4949.     .jsMinVer,
  4950.     .mbMinVer,
  4951.     /* -moz-; -webkit- */
  4952.     .prefixBox,
  4953.     /* requires Gecko x.y */
  4954.     .standardNote,
  4955.     .optional,
  4956.     .renamed {
  4957.         background: #345 !important;
  4958.         color: #ccc !important;
  4959.     }
  4960.  
  4961.     /* history */
  4962.     .revision-list-controls:before {
  4963.         filter: invert(1);
  4964.     }
  4965.  
  4966.     .diff_add {
  4967.         color: #7f7 !important;
  4968.     }
  4969.  
  4970.     .diff_sub {
  4971.         color: #f77 !important;
  4972.     }
  4973.  
  4974.     .diff_chg {
  4975.         color: #ff7 !important;
  4976.     }
  4977.  
  4978.  
  4979.     a {
  4980.         color: #5ca0be !important
  4981.     }
  4982.  
  4983.     .metadata {
  4984.         background: #222
  4985.     }
  4986.  
  4987.     .search-button {
  4988.         display: none !important;
  4989.     }
  4990.  
  4991.     .logo,
  4992.     .interactive {
  4993.         filter: invert(.9)
  4994.     }
  4995.  
  4996.     .main-page-content {
  4997.         padding: 3rem;
  4998.     }
  4999.  
  5000.     button::before {
  5001.         filter: invert(1) !important;
  5002.     }
  5003.  
  5004.     #main-q {
  5005.         border-radius: 1px !important;
  5006.         transform: translateX(40px);
  5007.     }
  5008.  
  5009. }
  5010.  
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!