API tools faq
paste
Advertisement
difool2nice

AMO+options pages dark

difool2nice
Apr 12th, 2018
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 28.97 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2.     --magenta-50: #ff1ad9;
  3.     --magenta-60: #ed00b5;
  4.     --magenta-70: #b5007f;
  5.     --magenta-80: #7d004f;
  6.     --magenta-90: #440027;
  7.     --purple-50: #9400ff;
  8.     --purple-60: #8000d7;
  9.     --purple-70: #6200a4;
  10.     --purple-80: #440071;
  11.     --purple-90: #25003e;
  12.     --blue-40: #45a1ff;
  13.     --blue-50: #0a84ff;
  14.     --blue-60: #0060df;
  15.     --blue-70: #003eaa;
  16.     --blue-80: #002275;
  17.     --blue-90: #000f40;
  18.     --teal-50: #00feff;
  19.     --teal-60: #00c8d7;
  20.     --teal-70: #008ea4;
  21.     --teal-80: #005a71;
  22.     --teal-90: #002d3e;
  23.     --green-50: #30e60b;
  24.     --green-60: #12bc00;
  25.     --green-70: #058b00;
  26.     --green-80: #006504;
  27.     --green-90: #003706;
  28.     --yellow-50: #ffe900;
  29.     --yellow-60: #d7b600;
  30.     --yellow-70: #a47f00;
  31.     --yellow-80: #715100;
  32.     --yellow-90: #3e2800;
  33.     --red-50: #ff0039;
  34.     --red-60: #d70022;
  35.     --red-70: #a4000f;
  36.     --red-80: #5a0002;
  37.     --red-90: #3e0200;
  38.     --orange-50: #ff9400;
  39.     --orange-60: #d76e00;
  40.     --orange-70: #a44900;
  41.     --orange-80: #712b00;
  42.     --orange-90: #3e1300;
  43.     --grey-10: #f9f9fa;
  44.     --grey-20: #ededf0;
  45.     --grey-30: #d7d7db;
  46.     --grey-40: #b1b1b3;
  47.     --grey-50: #737373;
  48.     --grey-60: #4a4a4f;
  49.     --grey-70: #38383d;
  50.     --grey-80: #2a2a2e;
  51.     --grey-90: #0c0c0d;
  52.     --code-green: #86de74!important;
  53.     --warning-color: #FCE19F;
  54.     --warning-background-color: #44391F;
  55.     --theme-highlight-green: #86DE74;
  56.     --theme-highlight-blue: #75BFFF;
  57.     --theme-highlight-purple: #B98EFF;
  58.     --theme-highlight-red: #FF7DE9;
  59.     --theme-highlight-yellow: #FFF89E;
  60.     --theme-highlight-bluegrey: #5e88b0;
  61.     --theme-highlight-lightorange: #d99b28;
  62.     --theme-highlight-orange: #d96629;
  63.     --theme-highlight-pink: #FF7DE9;
  64.     --tone-1: var(--grey-10);
  65.     --tone-2: var(--grey-20);
  66.     --tone-3: var(--grey-30);
  67.     --tone-4: var(--grey-40);
  68.     --tone-5: var(--grey-50);
  69.     --tone-6: var(--grey-60);
  70.     --tone-7: var(--grey-70);
  71.     --tone-8: var(--grey-80);
  72.     --tone-9: var(--grey-90);
  73.     --accent-1: var(--blue-40);
  74.     --accent-2: var(--blue-50);
  75.     --accent-3: var(--blue-60);
  76.     --in-content-page-color: var(--tone-4)!important;
  77.     --in-content-page-background: #1f1f1f !important; /*var(--tone-7)!important;*/
  78.     --in-content-text-color: var(--tone-3)!important;
  79.     --in-content-selected-text: var(--tone-1)!important;
  80.     --in-content-box-background: var(--tone-8)!important;
  81.     --in-content-box-background-odd: #f3f6fa;
  82.     --in-content-box-background-hover: var(--tone-6)!important;
  83.     --in-content-box-background-active: var(--tone-6)!important;
  84.     --in-content-box-border-color: var(--tone-5)!important;
  85.     --in-content-item-hover: rgba(0,149,221,0.25);
  86.     --in-content-item-selected: var(--tone-8)!important;
  87.     --in-content-border-highlight: var(--accent-1)!important;
  88.     --in-content-border-focus: var(--accent-1)!important;
  89.     --in-content-border-color: var(--tone-6)!important;
  90.     --in-content-category-outline-focus: 1px dotted #0a84ff;
  91.     --in-content-category-text: var(--tone-4)!important;
  92.     --in-content-category-text-active: #0c0c0d;
  93.     --in-content-category-text-selected: var(--accent-1)!important;
  94.     --in-content-category-text-selected-active: #0060df;
  95.     --in-content-category-background-hover: rgba(12,12,13,0.1);
  96.     --in-content-category-background-active: rgba(12,12,13,0.15);
  97.     --in-content-category-background-selected-hover: rgba(12,12,13,0.15);
  98.     --in-content-category-background-selected-active: rgba(12,12,13,0.2);
  99.     --in-content-tab-color: #424f5a;
  100.     --in-content-link-color: var(--accent-1)!important;
  101.     --in-content-link-color-hover: var(--accent-2)!important;
  102.     --in-content-link-color-active: #003eaa;
  103.     --in-content-link-color-visited: #0a8dff;
  104.     --in-content-primary-button-background: var(--accent-2)!important;
  105.     --in-content-primary-button-background-hover: var(--accent-3)!important;
  106.     --in-content-primary-button-background-active: var(--accent-3)!important;
  107.     --in-content-table-border-dark-color: var(--tone-7)!important;
  108.     --in-content-table-header-background: var(--accent-2)!important;
  109.     --theme-selection-background: var(--accent-2)!important;
  110.     --theme-selection-background-hover: var(--accent-1)!important;
  111.     --in-content-category-header-background: var(--tone-8)!important;
  112.     --selected-icon-fill-color: var(--tone-2)!important;
  113.     --in-content-dark-header-background: var(--tone-9)!important;
  114.     --secure-connection-color: var(--accent-1);
  115.     --theme-sidebar-background: #1B1B1D!important;
  116.     --start-indicator-for-updater-scripts: black;
  117.     --end-indicator-for-updater-scripts: black;
  118.     --dummy-variable-for-updater-scripys: black
  119.   }
  120. @-moz-document regexp("^about:(?!reader).*"),
  121. url(https://www.mozilla.org/credits/),
  122. url-prefix(https://discovery.addons.mozilla.org) {
  123.   :root {
  124.     --aboutProfiles-table-background: var(--in-content-box-background)!important
  125.   }
  126.   menupopup,
  127.   menupopup > menu > menupopup,
  128.   popup,
  129.   popup > menu > menupopup {
  130.     -moz-appearance: none!important;
  131.     background: var(--in-content-box-background)!important;
  132.     border: none!important;
  133.     padding: 0!important
  134.   }
  135.   menuitem,
  136.   menupopup menu {
  137.     -moz-appearance: none!important;
  138.     color: var(--in-content-selected-text)!important
  139.   }
  140.   menuitem:hover,
  141.   menupopup menu:hover {
  142.     color: var(--in-content-text-color)!important;
  143.     background-color: var(--in-content-primary-button-background-hover)!important
  144.   }
  145.   menupopup menuseparator {
  146.     padding: 0!important;
  147.     margin: 2px 6px!important;
  148.     -moz-appearance: none!important;
  149.     background: rgba(0,0,0,0)!important;
  150.     border: 0!important
  151.   }
  152.   @media screen and (-moz-windows-theme) {
  153.     menuitem,
  154.     menupopup menu {
  155.       margin: 1px 6px!important
  156.     }
  157.     menupopup,
  158.     menupopup > menu > menupopup,
  159.     popup,
  160.     popup > menu > menupopup {
  161.       border: 1px solid!important;
  162.       border-color: var(--in-content-box-background)!important
  163.     }
  164.   }
  165.   .prefs-pane [type=checkbox]:checked + label::after,
  166.   .prefs-pane [type=checkbox]:not(:checked) + label::after,
  167.   input[type=checkbox]:checked {
  168.     background-image: url(chrome://global/skin/in-content/check.svg)!important
  169.   }
  170.   .contentSearchSuggestionsList {
  171.     background-color: var(--in-content-box-background)!important;
  172.     border: none!important
  173.   }
  174.   .contentSearchHeader,
  175.   .contentSearchOneOffsTable {
  176.     background-color: var(--in-content-category-header-background)!important;
  177.     border: none!important;
  178.     color: var(--in-content-text-color)!important
  179.   }
  180.   #newtab-customize-overlay,
  181.   .exceptionDialogButtonContainer,
  182.   .snippet .button-link,
  183.   html:not(#ublock0-epicker),
  184.   html:not(#ublock0-epicker) body {
  185.     background: var(--in-content-page-background)!important;
  186.     color: var(--in-content-page-color)!important
  187.   }
  188.   #SanitizeDialogPane > groupbox,
  189.   #mainDiv.non-verbose div.section h2,
  190.   #onboarding-overlay,
  191.   .dialogBox > .groupbox-body,
  192.   .modal,
  193.   .modal-overlay,
  194.   .warningBackground {
  195.     background: var(--in-content-page-background)!important
  196.   }
  197.   #homeContentsGroup checkbox[src] .checkbox-icon,
  198.   .content-container .icon-container .icon[src=""],
  199.   .snippet .block-snippet-button {
  200.     filter: invert(65%)!important
  201.   }
  202.   .collapsible-section .section-top-bar .info-option-manage button,
  203.   .topic .topic-read-more,
  204.   a:link {
  205.     color: var(--in-content-link-color)!important
  206.   }
  207.   .topic .topic-read-more:hover,
  208.   a:link:hover {
  209.     color: var(--in-content-link-color-hover)!important
  210.   }
  211.   #action-box,
  212.   #badCertAdvancedPanel,
  213.   #content div.log span.section-heading button.no-print:hover,
  214.   #content div.stats span.section-heading button.no-print:hover,
  215.   #contents table tbody tr td,
  216.   #contents table tr.no-copy td,
  217.   #controls.no-print div.controls div.control button:hover,
  218.   #errorPageContainer button#errorTryAgain:hover,
  219.   #header-utils-btn[open=true],
  220.   #provider table#provider-table tbody#provider-table-body tr td,
  221.   #subprocess-reports tr td,
  222.   .aboutPageWideContainer div#debug table#debug-table tbody tr td,
  223.   .aboutPageWideContainer label input#submit:hover,
  224.   .alert,
  225.   .opsRow button:hover,
  226.   .top-sites-list .top-site-outer .top-site-icon {
  227.     background-color: var(--in-content-box-background)!important
  228.   }
  229.   #snippetContainer #snippets,
  230.   .addon .editorial-description,
  231.   .addon .heading,
  232.   .disco-content,
  233.   .top-sites-list .top-site-outer .title span,
  234.   header h1 {
  235.     color: var(--in-content-page-color)!important
  236.   }
  237.   #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
  238.   #searchWrapper input#searchText,
  239.   .addon .content,
  240.   .addon .logo,
  241.   .card-outer .card-context,
  242.   .card-outer .card-details,
  243.   .search-wrapper input,
  244.   .topsite-form .form-wrapper input[type=text],
  245.   card-outer.active span.context-menu ul.context-menu-list {
  246.     background: var(--in-content-box-background)!important
  247.   }
  248.   #snippets-container,
  249.   .sorter[checkState="1"],
  250.   .sorter[checkState="2"] {
  251.     background-color: var(--in-content-category-header-background)!important
  252.   }
  253.   .contentSearchSettingsButton {
  254.     display: none!important
  255.   }
  256.   #onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
  257.   #scene1 h1,
  258.   .addon,
  259.   .card-outer .card-context,
  260.   .card-outer .card-host-name,
  261.   .detail-view-container,
  262.   .section-title span,
  263.   .snippet section,
  264.   .top-sites-list .top-site-outer .top-site-icon,
  265.   .topsite-form .form-wrapper input[type=text] {
  266.     color: var(--in-content-page-color)!important
  267.   }
  268.   #searchWrapper #searchIcon,
  269.   #searchWrapper #searchSubmit,
  270.   .card-outer .card-context-icon,
  271.   .category:not([selected]) > .category-icon,
  272.   .collapsible-section .section-top-bar .info-option-icon,
  273.   .context-menu ul.context-menu-list li.context-menu-item a span.icon,
  274.   .prefs-pane-button button,
  275.   .search-wrapper .search-button,
  276.   .search-wrapper .search-label,
  277.   .section-title span {
  278.     fill: var(--in-content-page-color)!important
  279.   }
  280.   .sorter {
  281.     color: var(--accent-1)!important
  282.   }
  283.   .download-progress {
  284.     background-color: var(--in-content-box-color)!important
  285.   }
  286.   .list > scrollbox > .scrollbox-innerbox {
  287.     border: none!important
  288.   }
  289.   #header-utils-btn:hover,
  290.   .header-button:hover {
  291.     background-color: var(--in-content-box-background-hover)!important
  292.   }
  293.   #header-utils-btn {
  294.     fill: var(--in-content-category-text)!important
  295.   }
  296.   .collapsible-section .section-top-bar .info-option-manage button:after,
  297.   .topic .topic-read-more::after {
  298.     fill: var(--in-content-link-color)!important
  299.   }
  300.   .addon-view[notification=warning] {
  301.     --view-highlight-color: transparent!important
  302.   }
  303.   .addon-view[notification],
  304.   .addon-view[pending] {
  305.     --view-highlight-color: transparent;
  306.     background-image: none!important
  307.   }
  308.   .addon[active=false] {
  309.     opacity: .4!important
  310.   }
  311.   .detail-row,
  312.   .detail-row-complex,
  313.   setting {
  314.     text-shadow: none!important
  315.   }
  316.   #warningTitle {
  317.     color: var(--in-content-page-color)!important
  318.   }
  319.   #configTree {
  320.     border: none!important
  321.   }
  322.   .addon-target-container {
  323.     background: var(--in-content-box-background)!important;
  324.     box-shadow: none!important
  325.   }
  326.   .service-worker-multi-process {
  327.     background-color: #44391f!important
  328.   }
  329.   #onboarding-notification-bar {
  330.     background: var(--in-content-category-header-background)!important;
  331.     border-top: 2px solid!important
  332.   }
  333.   .prefs-pane .actions,
  334.   .prefs-pane .sidebar {
  335.     background: var(--in-content-category-header-background)!important;
  336.     border-color: var(--in-content-box-border-color)!important
  337.   }
  338.   .collapsible-section .section-top-bar .info-option,
  339.   .prefs-pane .prefs-modal-inner-wrapper .options,
  340.   .sections-list .section-empty-state {
  341.     background: var(--in-content-box-background)!important;
  342.     border-color: var(--in-content-box-border-color)!important
  343.   }
  344.   .actions button:hover:not(.dismiss),
  345.   .card-outer:-moz-any:hover,:focus,.active:not(.placeholder),
  346.   .collapsible-section .section-disclaimer button:hover:not(.dismiss),
  347.   .top-sites-list .top-site-outer.active .tile,
  348.   .top-sites-list .top-site-outer:focus .tile,
  349.   .top-sites-list .top-site-outer:hover .tile {
  350.     box-shadow: 0 0 0 5px var(--in-content-box-background)!important
  351.   }
  352.   .card-outer .context-menu-button,
  353.   .top-sites-list .top-site-outer .context-menu-button {
  354.     background-color: var(--in-content-page-color)!important;
  355.     background-image: url(chrome://browser/skin/page-action.svg)!important;
  356.     border: 1px solid!important;
  357.     filter: invert(95%)!important;
  358.     box-shadow: none!important;
  359.     border-color: var(--in-content-page-color)!important
  360.   }
  361.   #onboarding-notification-body *,
  362.   #onboarding-notification-tour-title,
  363.   .collapsible-section .section-disclaimer,
  364.   .manual-migration-container,
  365.   .onboarding-close-btn,
  366.   .prefs-pane .prefs-modal-inner-wrapper {
  367.     color: var(--in-content-page-color)!important
  368.   }
  369.   .collapsible-section .section-disclaimer button,
  370.   .onboarding-action-button {
  371.     background-color: var(--in-content-page-background)!important;
  372.     border-color: var(--in-content-box-border-color)!important;
  373.     color: var(--in-content-page-color)!important
  374.   }
  375.   .actions button,
  376.   .actions button.dismiss,
  377.   .onboarding-action-button:hover,
  378.   .prefs-pane-button button:hover {
  379.     background-color: var(--in-content-box-background-hover)!important
  380.   }
  381.   .actions button.done,
  382.   .onboarding-tour-action-button {
  383.     background-color: var(--in-content-primary-button-background)!important
  384.   }
  385.   .onboarding-tour-action-button:hover {
  386.     background-color: var(--in-content-primary-button-background-hover)!important
  387.   }
  388.   .icon.icon-dismiss {
  389.     fill: var(--in-content-page-color)!important
  390.   }
  391.   .context-menu ul.context-menu-list li.context-menu-item a:hover span.icon {
  392.     fill: var(--in-content-text-color)!important
  393.   }
  394.   .dialogBox > .groupbox-title {
  395.     background-color: var(--in-content-category-header-background)!important;
  396.     color: var(--in-content-page-color)!important;
  397.     border-color: var(--in-content-box-border-color)!important
  398.   }
  399.   .warningMessage {
  400.     background: var(--in-content-box-background)!important;
  401.     border-color: var(--in-content-box-border-color)!important;
  402.     color: var(--in-content-page-color)!important
  403.   }
  404.   #badCertAdvancedPanel.advanced-panel,
  405.   #content > div,
  406.   .info-box-content,
  407.   .notice,
  408.   div.opsRow,
  409.   div.section {
  410.     background-color: var(--in-content-box-background)!important;
  411.     border-color: var(--in-content-box-border-color)!important
  412.   }
  413.   .bar-inner {
  414.     background-color: var(--accent-1)!important;
  415.     border: 1px solid!important;
  416.     border-color: var(--accent-2)!important
  417.   }
  418.   #content div.log span.section-heading button.no-print,
  419.   #content div.stats span.section-heading button.no-print,
  420.   #controls.no-print div.controls div.control button,
  421.   #controls.no-print div.controls div.control button input#appid,
  422.   #errorPageContainer button#errorTryAgain,
  423.   .aboutPageWideContainer label input#submit,
  424.   .opsRow button {
  425.     -moz-appearance: none!important;
  426.     background-color: var(--in-content-page-background)!important;
  427.     border: 1px solid!important;
  428.     border-radius: 3px!important;
  429.     color: var(--in-content-page-color)!important;
  430.     border-color: var(--in-content-box-border-color)!important
  431.   }
  432.   .opsRow button {
  433.     margin-right: 2px!important
  434.   }
  435.   input#appid {
  436.     background-color: var(--in-content-box-background)!important
  437.   }
  438.   #profiles.tab div table tbody tr td {
  439.     border-color: var(--in-content-table-border-dark-color)!important
  440.   }
  441.   .actions,
  442.   .context-menu-list li.separator,
  443.   .edit-topsites-wrapper .edit-topsites-button,
  444.   .modal,
  445.   .prefs-pane hr,
  446.   .topsite-form .form-wrapper input[type=text] {
  447.     border-color: var(--in-content-box-border-color)!important
  448.   }
  449.   #outside table.contenttable thead tr th {
  450.     background-color: var(--in-content-table-header-background)!important
  451.   }
  452.   #outside table.contenttable {
  453.     border-color: var(--in-content-table-border-dark-color)!important;
  454.     background-color: var(--in-content-box-background)!important
  455.   }
  456.   #outside table.contenttable tbody tr td,
  457.   #outside table.contenttable tbody tr td + #outside table.contenttable tbody tr td,
  458.   #outside table.contenttable thead tr th + th {
  459.     border-color: var(--in-content-table-border-dark-color)!important
  460.   }
  461.   #outside table.contenttable tbody tr td {
  462.     color: var(--in-content-page-color)!important
  463.   }
  464.   .card-outer .card-context {
  465.     padding: 2px 16px 12px 14px!important
  466.   }
  467.   .card-outer.placeholder .card {
  468.     display: none!important
  469.   }
  470.   .context-menu {
  471.     background-color: var(--in-content-box-background)!important;
  472.     box-shadow: none!important;
  473.     border: 1px!important
  474.   }
  475.   .context-menu > ul > li > a:focus,
  476.   .context-menu > ul > li > a:hover {
  477.     background-color: var(--theme-selection-background-hover)!important
  478.   }
  479.   #searchText:active,
  480.   #searchText:focus,
  481.   .search-wrapper input:focus,
  482.   .search-wrapper:active input {
  483.     box-shadow: 0 0 0 3px var(--in-content-border-focus)!important
  484.   }
  485.   .prefs-pane .actions {
  486.     border-top: none!important
  487.   }
  488. }
  489. @-moz-document url-prefix(about:reader) {
  490.   body.dark a:link {
  491.     color: var(--in-content-link-color)!important
  492.   }
  493.   .font-type-buttons > .sans-serif-button > .name,
  494.   .font-type-buttons > .serif-button > .name,
  495.   body.dark {
  496.     color: var(--in-content-page-color)!important
  497.   }
  498.   .toolbar {
  499.     background-color: var(--in-content-category-header-background)!important;
  500.     border-right: 1px solid!important
  501.   }
  502.   .toolbar .button {
  503.     background-color: var(--in-content-category-header-background)!important;
  504.     border-color: var(--in-content-box-border-color)!important
  505.   }
  506.   .button:hover,
  507.   .content-width-buttons > button:hover,
  508.   .font-size-buttons > button:hover,
  509.   .font-type-buttons > button:hover,
  510.   .line-height-buttons > button:hover {
  511.     background-color: var(--in-content-primary-button-background-hover)!important
  512.   }
  513.   .dropdown-popup {
  514.     background-color: var(--in-content-category-header-background)!important;
  515.     box-shadow: 0 1px 3px var(--in-content-category-header-background)!important;
  516.     border-color: var(--in-content-box-border-color)!important
  517.   }
  518.   .content-width-buttons > button,
  519.   .font-size-buttons > button,
  520.   .font-type-buttons > button,
  521.   .font-type-buttons > button.selected,
  522.   .font-type-buttons > button:active:hover,
  523.   .line-height-buttons > button {
  524.     border-color: var(--in-content-box-border-color)!important
  525.   }
  526.   .color-scheme-buttons > button.selected,
  527.   .color-scheme-buttons > button:active:hover,
  528.   .font-type-buttons > button.selected,
  529.   .font-type-buttons > button:active:hover {
  530.     box-shadow: inset 0 -3px 0 0 var(--in-content-primary-button-background-hover)!important
  531.   }
  532. }
  533. @-moz-document url-prefix(chrome://) {
  534.   #ColorsDialogPane,
  535.   #ConnectionsDialogPane,
  536.   #FontsDialogPane,
  537.   #LanguagesDialogPane,
  538.   .windowDialog,
  539.   dialog,
  540.   prefpane,
  541.   prefpane > .content-box,
  542.   prefwindow,
  543.   window {
  544.     background-color: var(--in-content-page-background)!important;
  545.     color: var(--in-content-page-color)!important
  546.   }
  547.   #cookieInfoGrid .textbox-input {
  548.     background-color: var(--in-content-page-background)!important
  549.   }
  550.   #historyItems {
  551.     -moz-appearance: none!important
  552.   }
  553. }
  554.  
  555. @-moz-document url-prefix("https://addons.mozilla.org") {
  556.   .Footer,
  557.   .Footer-wrapper,
  558.   .Header,
  559.   .LanguageTools-header-row,
  560.   .amo {
  561.     background: var(--in-content-category-header-background)!important
  562.   }
  563.   .App-content,
  564.   .Home,
  565.   .LandingPage,
  566.   .LanguageTools-table-row:nth-child(2n),
  567.   .Paginate-page-number {
  568.     background: var(--in-content-page-background)!important
  569.   }
  570.   .Select {
  571.     background-color: var(--in-content-page-background)!important
  572.   }
  573.   .SearchForm-icon-magnifying-glass {
  574.     filter: invert(65%)!important
  575.   }
  576.   .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  577.   .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  578.   .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  579.   .AddonsCard--horizontal .Card-contents,
  580.   .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  581.   .AutoSearchInput-suggestions-item,
  582.   .Card--photon .Card-contents,
  583.   .Card-contents,
  584.   .Card-contents li,
  585.   .Card-footer-link,
  586.   .Card-footer-text,
  587.   .Card-header,
  588.   .Categories .Card-contents,
  589.   .Hero .Card-contents,
  590.   .Home-SubjectShelf .Card-contents,
  591.   .LandingPage-header,
  592.   .MetadataCard,
  593.   .Search .SearchResults .SearchResult,
  594.   .Search .SearchResults-message,
  595.   .SearchForm-query,
  596.   .SearchForm-suggestions-item.SearchForm-suggestions-item,
  597.   .SectionLinks-dropdown .DropdownMenu-items,
  598.   input.AutoSearchInput-query {
  599.     background: var(--in-content-box-background)!important
  600.   }
  601.   .Addon-author,
  602.   .Addon-author a,
  603.   .Addon-author a:link .Button--action,
  604.   .Addon-title,
  605.   .AddonBadges .Badge,
  606.   .Button--action,
  607.   .Button--action.Button--small:link,
  608.   .Button--action:link,
  609.   .Card--photon .Card-contents,
  610.   .Card-contents,
  611.   .Card-footer-text,
  612.   .Definition-dt,
  613.   .DropdownMenuItem,
  614.   .DropdownMenuItem-link a,
  615.   .DropdownMenuItem-link a:link,
  616.   .DropdownMenuItem-section,
  617.   .ExpandableCard-ToggleLink:link,
  618.   .Footer a:active,
  619.   .Footer a:hover,
  620.   .Footer-links-header a:link,
  621.   .Home-SubjectShelf-link:link,
  622.   .Home-SubjectShelf-link:visited,
  623.   .Home-SubjectShelf-subheading,
  624.   .LandingPage-addonType-name,
  625.   .LandingPage-heading-content,
  626.   .MetadataCard-list dt,
  627.   .Paginate .Paginate-item,
  628.   .Paginate-page-number,
  629.   .PermissionsCard-subhead,
  630.   .ReportAbuseButton-show-more,
  631.   .SearchContextCard-header,
  632.   .SearchFilters-label,
  633.   .SearchForm-query,
  634.   .SearchResult--meta-section,
  635.   .SearchResult-name,
  636.   .SearchResult-summary,
  637.   .SearchSuggestion-name,
  638.   .Select,
  639.   input.AutoSearchInput-query {
  640.     color: var(--in-content-page-color)!important
  641.   }
  642.   .Card-header {
  643.     color: var(--in-content-text-color)!important
  644.   }
  645.   .Card-contents li .Rating-star-group,
  646.   .Paginate-next::after,
  647.   .Paginate-previous::before {
  648.     filter: invert(70%)!important
  649.   }
  650.   .ShowMoreCard-contents::after {
  651.     background: linear-gradient(rgba(255,255,255,0),var(--in-content-box-background))!important
  652.   }
  653.   .Addon-details .AddonDescription-contents a:link,
  654.   .AddonMoreInfo-contents a:link,
  655.   .Card-footer-link a,
  656.   .Card-footer-link a:hover,
  657.   .Card-footer-link a:link,
  658.   .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  659.   .DropdownMenuItem-link a:hover,
  660.   .Home-SubjectShelf-link:active,
  661.   .Home-SubjectShelf-link:focus,
  662.   .Home-SubjectShelf-link:hover,
  663.   .LanguageTools-table a:link,
  664.   .SearchResult-link:focus .SearchResult-name,
  665.   .SearchResult-link:hover .SearchResult-name {
  666.     color: var(--in-content-link-color)!important
  667.   }
  668.   .Button--action.Button--outline-only {
  669.     border-color: var(--in-content-border-highlight)!important
  670.   }
  671.   input.AutoSearchInput-query {
  672.     border-color: var(--in-content-box-border-color)!important
  673.   }
  674.   .Addon .InstallButton-button,
  675.   .Button--action,
  676.   .Button--action.Button--small,
  677.   .Paginate .Paginate-item,
  678.   .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  679.     background: var(--in-content-primary-button-background)!important
  680.   }
  681.   .Button--action.Button--outline-only:hover,
  682.   .Button--action:hover,
  683.   .SearchForm-query:hover {
  684.     border-color: var(--in-content-primary-button-background)!important
  685.   }
  686.   .SearchForm-query:focus {
  687.     box-shadow: 0 0 5px 0 var(--in-content-border-highlight)!important;
  688.     border-color: var(--in-content-primary-button-background)!important
  689.   }
  690.   .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  691.     background: var(--in-content-page-background)!important;
  692.     border-radius: 0!important
  693.   }
  694.   .Button--report {
  695.     text-shadow: none!important
  696.   }
  697.   .Icon-arrow,
  698.   .Icon-external {
  699.     filter: invert(20%)!important
  700.   }
  701.   .Icon-magnifying-glass {
  702.     filter: invert(65%)
  703.   }
  704.   .Icon-featured {
  705.     filter: invert(85%)!important
  706.   }
  707. }
  708.  
  709. /*--------------AMO-------------*/
  710.  
  711. @-moz-document url-prefix("https://addons.mozilla.org") {
  712.     .Footer,
  713.     .Footer-wrapper,
  714.     .Header,
  715.     .LanguageTools-header-row,
  716.     .amo {
  717.       background: var(--in-content-category-header-background)!important
  718.     }
  719.     .App-content,
  720.     .Home,
  721.     .LandingPage,
  722.     .LanguageTools-table-row:nth-child(2n),
  723.     .Paginate-page-number {
  724.       background: var(--in-content-page-background)!important
  725.     }
  726.     .Select {
  727.       background-color: var(--in-content-page-background)!important
  728.     }
  729.     .SearchForm-icon-magnifying-glass {
  730.       filter: invert(65%)!important
  731.     }
  732.     .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  733.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  734.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  735.     .AddonsCard--horizontal .Card-contents,
  736.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  737.     .AutoSearchInput-suggestions-item,
  738.     .Card--photon .Card-contents,
  739.     .Card-contents,
  740.     .Card-contents li,
  741.     .Card-footer-link,
  742.     .Card-footer-text,
  743.     .Card-header,
  744.     .Categories .Card-contents,
  745.     .Hero .Card-contents,
  746.     .Home-SubjectShelf .Card-contents,
  747.     .LandingPage-header,
  748.     .MetadataCard,
  749.     .Search .SearchResults .SearchResult,
  750.     .Search .SearchResults-message,
  751.     .SearchForm-query,
  752.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  753.     .SectionLinks-dropdown .DropdownMenu-items,
  754.     input.AutoSearchInput-query {
  755.       background: var(--in-content-box-background)!important
  756.     }
  757.     .Addon-author,
  758.     .Addon-author a,
  759.     .Addon-author a:link .Button--action,
  760.     .Addon-title,
  761.     .AddonBadges .Badge,
  762.     .Button--action,
  763.     .Button--action.Button--small:link,
  764.     .Button--action:link,
  765.     .Card--photon .Card-contents,
  766.     .Card-contents,
  767.     .Card-footer-text,
  768.     .Definition-dt,
  769.     .DropdownMenuItem,
  770.     .DropdownMenuItem-link a,
  771.     .DropdownMenuItem-link a:link,
  772.     .DropdownMenuItem-section,
  773.     .ExpandableCard-ToggleLink:link,
  774.     .Footer a:active,
  775.     .Footer a:hover,
  776.     .Footer-links-header a:link,
  777.     .Home-SubjectShelf-link:link,
  778.     .Home-SubjectShelf-link:visited,
  779.     .Home-SubjectShelf-subheading,
  780.     .LandingPage-addonType-name,
  781.     .LandingPage-heading-content,
  782.     .MetadataCard-list dt,
  783.     .Paginate .Paginate-item,
  784.     .Paginate-page-number,
  785.     .PermissionsCard-subhead,
  786.     .ReportAbuseButton-show-more,
  787.     .SearchContextCard-header,
  788.     .SearchFilters-label,
  789.     .SearchForm-query,
  790.     .SearchResult--meta-section,
  791.     .SearchResult-name,
  792.     .SearchResult-summary,
  793.     .SearchSuggestion-name,
  794.     .Select,
  795.     input.AutoSearchInput-query {
  796.       color: var(--in-content-page-color)!important
  797.     }
  798.     .Card-header {
  799.       color: var(--in-content-text-color)!important
  800.     }
  801.     .Card-contents li .Rating-star-group,
  802.     .Paginate-next::after,
  803.     .Paginate-previous::before {
  804.       filter: invert(70%)!important
  805.     }
  806.     .ShowMoreCard-contents::after {
  807.       background: linear-gradient(rgba(255,255,255,0),var(--in-content-box-background))!important
  808.     }
  809.     .Addon-details .AddonDescription-contents a:link,
  810.     .AddonMoreInfo-contents a:link,
  811.     .Card-footer-link a,
  812.     .Card-footer-link a:hover,
  813.     .Card-footer-link a:link,
  814.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  815.     .DropdownMenuItem-link a:hover,
  816.     .Home-SubjectShelf-link:active,
  817.     .Home-SubjectShelf-link:focus,
  818.     .Home-SubjectShelf-link:hover,
  819.     .LanguageTools-table a:link,
  820.     .SearchResult-link:focus .SearchResult-name,
  821.     .SearchResult-link:hover .SearchResult-name {
  822.       color: var(--in-content-link-color)!important
  823.     }
  824.     .Button--action.Button--outline-only {
  825.       border-color: var(--in-content-border-highlight)!important
  826.     }
  827.     input.AutoSearchInput-query {
  828.       border-color: var(--in-content-box-border-color)!important
  829.     }
  830.     .Addon .InstallButton-button,
  831.     .Button--action,
  832.     .Button--action.Button--small,
  833.     .Paginate .Paginate-item,
  834.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  835.       background: var(--in-content-primary-button-background)!important
  836.     }
  837.     .Button--action.Button--outline-only:hover,
  838.     .Button--action:hover,
  839.     .SearchForm-query:hover {
  840.       border-color: var(--in-content-primary-button-background)!important
  841.     }
  842.     .SearchForm-query:focus {
  843.       box-shadow: 0 0 5px 0 var(--in-content-border-highlight)!important;
  844.       border-color: var(--in-content-primary-button-background)!important
  845.     }
  846.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  847.       background: var(--in-content-page-background)!important;
  848.       border-radius: 0!important
  849.     }
  850.     .Button--report {
  851.       text-shadow: none!important
  852.     }
  853.     .Icon-arrow,
  854.     .Icon-external {
  855.       filter: invert(20%)!important
  856.     }
  857.     .Icon-magnifying-glass {
  858.       filter: invert(65%)
  859.     }
  860.     .Icon-featured {
  861.       filter: invert(85%)!important
  862.     }
  863.   }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!