API tools faq
paste
Advertisement
difool2nice

userContent.css june 5 2018

difool2nice
Jun 5th, 2018
254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.34 KB | None | 0 0
raw download clone embed print report
  1. /*----------ublock origin --------------*/
  2.  
  3. @-moz-document url-prefix("moz-extension://0fe38a6a-1858-4e16-987b-525d4c55b6d9/") {
  4.     body {
  5.         font-family: Fira Sans !important;
  6.         background-color: #1f1f1f !important;
  7.         color: white !important;
  8.     }
  9.     a {
  10.         color: #888 !important;
  11.     }
  12.     h2 {
  13.         background-color: #444 !important;
  14.         color: white !important;
  15.     }
  16.     code {
  17.         background-color: #555 !important;
  18.     }
  19.     #switch .fa {
  20.         color: dodgerblue !important;
  21.     }
  22.     body.off #switch .fa {
  23.         color: #555 !important;
  24.     }
  25.     .tool {
  26.         color: white !important;
  27.     }
  28.     .tool.enabled:hover {
  29.         color: dodgerblue !important;
  30.     }
  31.     .permatoolbar {
  32.         background-color: #333 !important;
  33.     }
  34.     .permatoolbar .button {
  35.         background-color: #444 !important;
  36.     }
  37.     .permatoolbar .button:hover {
  38.         background-color: #888 !important;
  39.     }
  40.     #tooltip {
  41.         background-color: black !important;
  42.         border: 1px solid black !important;
  43.         color: white !important;
  44.     }
  45.     #firewallContainer>div {
  46.         background-color: #333 !important;
  47.     }
  48.     #firewallContainer>div:hover {
  49.         background-color: #444 !important;
  50.     }
  51.     #firewallContainer>div>span {
  52.         color: #eee !important;
  53.         border-bottom: 1px solid #111 !important;
  54.     }
  55.     #firewallContainer>div>span:first-of-type~span {
  56.         border-left: 1px solid #111 !important;
  57.     }
  58.     #extraTools {
  59.         background-color: #444 !important;
  60.     }
  61.     #extraTools>span:hover {
  62.         color: dodgerblue !important;
  63.     }
  64.     #dashboard-nav-widgets {
  65.         background-color: #111 !important;
  66.         border-bottom: 1px solid #777 !important;
  67.     }
  68.     .tabButton {
  69.         background-color: #444 !important;
  70.         border: 1px solid #666 !important;
  71.         border-bottom: 1px solid #777 !important;
  72.         color: white !important;
  73.     }
  74.     .tabButton.selected {
  75.         background-color: #222 !important;
  76.         border-bottom: 1px solid #222 !important;
  77.     }
  78.     #diff li {
  79.         background-color: #555 !important;
  80.     }
  81.     #diff li:nth-child(even) {
  82.         background-color: #444 !important;
  83.     }
  84.     #diff textarea {
  85.         background-color: #333 !important;
  86.         color: #ccc !important;
  87.     }
  88. }
  89.  
  90. /*----------------------------------------------*/
  91.  
  92. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  93. /* Menu Popups */
  94.  
  95. .PanelUI-subView,
  96. .panel-subview-body {
  97.     font-family: Fira Sans !important;
  98.     background-color: #1f1f1f !important;
  99.     color: white !important;
  100. }
  101.  
  102. .PanelUI-subView :hover,
  103. .panel-subview-body :hover {
  104.     color: white !important;
  105. }
  106.  
  107. #overflowMenu-customize-button {
  108.     border: 1px solid #666 !important;
  109.     background-color: #555 !important;
  110.     color: white !important;
  111. }
  112.  
  113. .panel-arrowcontent {
  114.     border: 1px solid #666 !important;
  115. }
  116.  
  117. .panel-arrow {
  118.     fill: #333 !important;
  119.     stroke: #777 !important;
  120. }
  121.  
  122. toolbarbutton :hover {
  123.     color: dodgerblue !important;
  124. }
  125.  
  126. toolbarseparator {
  127.     border-top: 1px solid #555 !important;
  128. }
  129.  
  130. .panel-subview-footer {
  131.     border-top: 1px solid #888 !important;
  132. }
  133.  
  134. .panel-header {
  135.     border-bottom: 1px solid #666 !important;
  136. }
  137.  
  138. #appMenu-zoom-controls #appMenu-zoomReset-button {
  139.     border: 1px solid #555 !important;
  140.     background: #444 !important;
  141. }
  142.  
  143. #appMenu-popup .subviewbutton .toolbarbutton-text,
  144. /* Ctrl+N Ctrl+Shift+P ect. */
  145. #appMenu-popup .panel-arrowcontent,
  146. /* Zoom - Edit Labels */
  147. panelmultiview .toolbaritem-combined-buttons>label {
  148.     font-family: Fira Sans !important;
  149. }
  150.  
  151. .panel-arrow {
  152.     filter: invert(33%);
  153. }
  154.  
  155. .panel-subview-body,
  156. #appMenu-zoomReset-button {
  157.     color: var(--lwt-text-color) !important;
  158.     background: var(--url-and-searchbar-background-color) !important;
  159. }
  160.  
  161. .panel-subview-footer,
  162. [class^="PanelUI-"] {
  163.     color: var(--lwt-text-color) !important;
  164.     background: var(--toolbar-bgcolor) !important;
  165. }
  166.  
  167. #PopupAutoCompleteRichResult .ac-title-text {
  168.     color: var(--lwt-text-color) !important;
  169.     filter: opacity(.7);
  170. }
  171. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  172.     background: var(--url-and-searchbar-background-color) !important;
  173. }
  174. .subviewbutton[shortcut]::after {
  175.     color: dodgerblue !important;
  176. }
  177. .subviewbutton-nav::after {
  178.     fill: dodgerblue !important;
  179. }
  180.  
  181. :root {
  182.     --magenta-50: #ff1ad9;
  183.     --magenta-60: #ed00b5;
  184.     --magenta-70: #b5007f;
  185.     --magenta-80: #7d004f;
  186.     --magenta-90: #440027;
  187.     --purple-50: #9400ff;
  188.     --purple-60: #8000d7;
  189.     --purple-70: #6200a4;
  190.     --purple-80: #440071;
  191.     --purple-90: #25003e;
  192.     --blue-40: #45a1ff;
  193.     --blue-50: #0a84ff;
  194.     --blue-60: #0060df;
  195.     --blue-70: #003eaa;
  196.     --blue-80: #002275;
  197.     --blue-90: #000f40;
  198.     --teal-50: #00feff;
  199.     --teal-60: #00c8d7;
  200.     --teal-70: #008ea4;
  201.     --teal-80: #005a71;
  202.     --teal-90: #002d3e;
  203.     --green-50: #30e60b;
  204.     --green-60: #12bc00;
  205.     --green-70: #058b00;
  206.     --green-80: #006504;
  207.     --green-90: #003706;
  208.     --yellow-50: #ffe900;
  209.     --yellow-60: #d7b600;
  210.     --yellow-70: #a47f00;
  211.     --yellow-80: #715100;
  212.     --yellow-90: #3e2800;
  213.     --red-50: #ff0039;
  214.     --red-60: #d70022;
  215.     --red-70: #a4000f;
  216.     --red-80: #5a0002;
  217.     --red-90: #3e0200;
  218.     --orange-50: #ff9400;
  219.     --orange-60: #d76e00;
  220.     --orange-70: #a44900;
  221.     --orange-80: #712b00;
  222.     --orange-90: #3e1300;
  223.     --grey-10: white !important;
  224.     --grey-20: #ededf0;
  225.     --grey-30: #d7d7db;
  226.     --grey-40: #b1b1b3;
  227.     --grey-50: #555555;
  228.     --grey-60: #4a4a4f;
  229.     --grey-70: #38383d;
  230.     --grey-80: #2a2a2e;
  231.     --grey-90: #0c0c0d;
  232.     --code-green: #86de74 !important;
  233.     --warning-color: #FCE19F;
  234.     --warning-background-color: #44391F;
  235.     --theme-highlight-green: #86DE74;
  236.     --theme-highlight-blue: #75BFFF;
  237.     --theme-highlight-purple: #B98EFF;
  238.     --theme-highlight-red: #FF7DE9;
  239.     --theme-highlight-yellow: #FFF89E;
  240.     --theme-highlight-bluegrey: #5e88b0;
  241.     --theme-highlight-lightorange: #d99b28;
  242.     --theme-highlight-orange: #d96629;
  243.     --theme-highlight-pink: #df80ff;
  244.     --tone-1: var(--grey-10);
  245.     --tone-2: var(--grey-20);
  246.     --tone-3: var(--grey-30);
  247.     --tone-4: var(--grey-40);
  248.     --tone-5: var(--grey-50);
  249.     --tone-6: var(--grey-60);
  250.     --tone-7: var(--grey-70);
  251.     --tone-8: var(--grey-80);
  252.     --tone-9: var(--grey-90);
  253.     --accent-1: var(--blue-40);
  254.     --accent-2: var(--blue-50);
  255.     --accent-3: var(--blue-60);
  256.     --in-content-page-color: var(--tone-1) !important;
  257.     --in-content-page-background: var(--tone-6) !important;
  258.     --in-content-text-color: white !important;
  259.     --in-content-selected-text: whitesmoke !important;
  260.     --in-content-box-background: var(--tone-6) !important;
  261.     --in-content-box-background-odd: #f3f6fa !important;
  262.     --in-content-box-background-hover: var(--tone-6) !important;
  263.     --in-content-box-background-active: var(--tone-6) !important;
  264.     --in-content-box-border-color: var(--tone-5) !important;
  265.     --in-content-item-hover: dodgerblue !important;
  266.     --in-content-item-selected: var(--tone-8) !important;
  267.     --in-content-border-highlight: var(--accent-1) !important;
  268.     --in-content-border-focus: var(--accent-1) !important;
  269.     --in-content-border-color: var(--tone-6) !important;
  270.     --in-content-category-outline-focus: 1px dotted #0a84ff !important;
  271.     --in-content-category-text: white  !important;
  272.     --in-content-category-text-active: black !important;
  273.     --in-content-category-text-selected: var(--accent-1) !important;
  274.     --in-content-category-text-selected-active: dodgerblue !important;
  275.     --in-content-category-background-hover: rgba(12, 12, 13, 0.1) !important;
  276.     --in-content-category-background-active: rgba(12, 12, 13, 0.15) !important;
  277.     --in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15) !important;
  278.     --in-content-category-background-selected-active: rgba(12, 12, 13, 0.2) !important;
  279.     --in-content-tab-color: whitesmoke !important;
  280.     --in-content-link-color: var(--accent-1) !important;
  281.     --in-content-link-color-hover: var(--accent-2) !important;
  282.     --in-content-link-color-active: rgba(0, 116, 231, 0.514) !important;
  283.     --in-content-link-color-visited: dodgerblue !important;
  284.     --in-content-primary-button-background: var(--accent-2) !important;
  285.     --in-content-primary-button-background-hover: var(--accent-3) !important;
  286.     --in-content-primary-button-background-active: var(--accent-3) !important;
  287.     --in-content-table-border-dark-color: var(--tone-7) !important;
  288.     --in-content-table-header-background: var(--accent-3) !important;
  289.     --theme-selection-background: var(--accent-2) !important;
  290.     --theme-selection-background-hover: var(--accent-1) !important;
  291.     --in-content-category-header-background: var(--tone-8) !important;
  292.     --selected-icon-fill-color: var(--tone-1) !important;
  293.     --in-content-dark-header-background: var(--tone-8) !important;
  294.     --secure-connection-color: var(--accent-1) !important;
  295.     --theme-sidebar-background: #1f1f1f !important;
  296.     --cm-background: var(--tone-8) !important;
  297.     --cm-selection: #586581 !important;
  298.     --cm-marker: #222 !important;
  299.     --cm-linenumber: white !important;
  300.     --cm-cursor: #fff !important;
  301.     --cm-active-line-background: #b9d7fd !important;
  302.     --cm-matching-bracket: #ffffff !important;
  303.     --cm-search-background: rgba(24, 29, 32, 1) !important;
  304.     --cm-red: red !important;
  305.     --start-indicator-for-updater-scripts: black !important;
  306.     --end-indicator-for-updater-scripts: black !important;
  307.     --dummy-variable-for-updater-scripts: black !important;
  308. }
  309. /* ADDONS MOZILLA.ORG */
  310.  
  311. @-moz-document url-prefix("https://addons.mozilla.org") {
  312.     .Footer,
  313.     .Footer-wrapper,
  314.     .Header,
  315.     .LanguageTools-header-row,
  316.     .amo {/* background: var(--in-content-category-header-background) !important;*/
  317.     }
  318.     .App-content,
  319.     .Home,
  320.     .LandingPage,
  321.     .LanguageTools-table-row:nth-child(2n),
  322.     .Paginate-page-number {
  323.         background: #1f1f1f !important;
  324.     }
  325.     .Select {
  326.         background-color: var(--in-content-page-background) !important;
  327.     }
  328.     .SearchForm-icon-magnifying-glass {
  329.         filter: invert(65%) !important;
  330.     }
  331.     .AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
  332.     .AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
  333.     .AddonsByAuthorsCard .Card-contents .AddonsCard-list,
  334.     .AddonsCard--horizontal .Card-contents,
  335.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
  336.     .AutoSearchInput-suggestions-item,
  337.     .Card--photon .Card-contents,
  338.     .Card-contents,
  339.     .Card-contents li,
  340.     .Card-footer-link,
  341.     .Card-footer-text,
  342.     .Card-header,
  343.     .Categories .Card-contents,
  344.     .Hero .Card-contents,
  345.     .Home-SubjectShelf .Card-contents,
  346.     .LandingPage-header,
  347.     .MetadataCard,
  348.     .Search .SearchResults .SearchResult,
  349.     .Search .SearchResults-message,
  350.     .SearchForm-query,
  351.     .SearchForm-suggestions-item.SearchForm-suggestions-item,
  352.     .SectionLinks-dropdown .DropdownMenu-items,
  353.     input.AutoSearchInput-query {
  354.         background: var(--in-content-box-background) !important;
  355.     }
  356.     .Addon-author,
  357.     .Addon-author a,
  358.     .Addon-author a:link .Button--action,
  359.     .Addon-title,
  360.     .AddonBadges .Badge,
  361.     .Button--action,
  362.     .Button--action.Button--small:link,
  363.     .Button--action:link,
  364.     .Card--photon .Card-contents,
  365.     .Card-contents,
  366.     .Card-footer-text,
  367.     .Definition-dt,
  368.     .DropdownMenuItem,
  369.     .DropdownMenuItem-link a,
  370.     .DropdownMenuItem-link a:link,
  371.     .DropdownMenuItem-section,
  372.     .ExpandableCard-ToggleLink:link,
  373.     .Footer a:active,
  374.     .Footer a:hover,
  375.     .Footer-links-header a:link,
  376.     .Home-SubjectShelf-link:link,
  377.     .Home-SubjectShelf-link:visited,
  378.     .Home-SubjectShelf-subheading,
  379.     .LandingPage-addonType-name,
  380.     .LandingPage-heading-content,
  381.     .MetadataCard-list dt,
  382.     .Paginate .Paginate-item,
  383.     .Paginate-page-number,
  384.     .PermissionsCard-subhead,
  385.     .ReportAbuseButton-show-more,
  386.     .SearchContextCard-header,
  387.     .SearchFilters-label,
  388.     .SearchForm-query,
  389.     .SearchResult--meta-section,
  390.     .SearchResult-name,
  391.     .SearchResult-summary,
  392.     .SearchSuggestion-name,
  393.     .Select,
  394.     input.AutoSearchInput-query {
  395.         color: var(--in-content-page-color) !important;
  396.     }
  397.     .Card-header {
  398.         color: var(--in-content-text-color) !important;
  399.     }
  400.     .Card-contents li .Rating-star-group,
  401.     .Paginate-next::after,
  402.     .Paginate-previous::before {
  403.         filter: invert(70%) !important;
  404.     }
  405.     .ShowMoreCard-contents::after {
  406.         background: linear-gradient(rgba(255, 255, 255, 0.082), var(--in-content-box-background)) !important;
  407.     }
  408.     .Addon-details .AddonDescription-contents a:link,
  409.     .AddonMoreInfo-contents a:link,
  410.     .Card-footer-link a,
  411.     .Card-footer-link a:hover,
  412.     .Card-footer-link a:link,
  413.     .Card.ShowMoreCard.AddonDescription-version-notes a:link,
  414.     .DropdownMenuItem-link a:hover,
  415.     .Home-SubjectShelf-link:active,
  416.     .Home-SubjectShelf-link:focus,
  417.     .Home-SubjectShelf-link:hover,
  418.     .LanguageTools-table a:link,
  419.     .SearchResult-link:focus .SearchResult-name,
  420.     .SearchResult-link:hover .SearchResult-name {
  421.         color: var(--in-content-link-color) !important;
  422.     }
  423.     .Button--action.Button--outline-only {
  424.         border-color: var(--in-content-border-highlight) !important;
  425.     }
  426.     input.AutoSearchInput-query {
  427.         border-color: var(--in-content-box-border-color) !important;
  428.     }
  429.     .Addon .InstallButton-button,
  430.     .Button--action,
  431.     .Button--action.Button--small,
  432.     .Paginate .Paginate-item,
  433.     .SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted {
  434.         background: var(--in-content-primary-button-background) !important;
  435.     }
  436.     .Button--action.Button--outline-only:hover,
  437.     .Button--action:hover,
  438.     .SearchForm-query:hover {
  439.         border-color: var(--in-content-primary-button-background) !important;
  440.     }
  441.     .SearchForm-query:focus {
  442.         box-shadow: 0 0 5px 0 var(--in-content-border-highlight) !important;
  443.         border-color: var(--in-content-primary-button-background) !important;
  444.     }
  445.     .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
  446.         background: var(--in-content-page-background) !important;
  447.         border-radius: 0 !important;
  448.     }
  449.     .Button--report {
  450.         text-shadow: none !important;
  451.     }
  452.     .Icon-arrow,
  453.     .Icon-external {
  454.         filter: invert(20%) !important;
  455.     }
  456.     .Icon-magnifying-glass {
  457.         filter: invert(65%);
  458.     }
  459.     .Icon-featured {
  460.         filter: invert(85%) !important;
  461.     }
  462. }
  463. /*-------------dowNload sidebar webext tweaks dark ------------------*/
  464.  
  465. @-moz-document url("moz-extension://fb8652d2-dd93-4d08-9db9-a25d8fcc89df/sidebar/panel.html") {
  466.     html,
  467.     body {
  468.         font-family: Fira Sans !important;
  469.         background-color: #1f1f1f !important;
  470.         color: white !important;
  471.     }
  472.     .toolbar-item .btn,
  473.     .change-state-button,
  474.     .cancel-button,
  475.     .erase-button {
  476.         filter: invert(100%) !important;
  477.     }
  478.     .progress {
  479.         border: 0px solid #777 !important;
  480.         background-color: #CCC !important;
  481.     }
  482.     .toolbar-bottom {
  483.         border-top: 1px solid #777 !important;
  484.     }
  485.     .selected {
  486.         background-image: #2f2f2f !important;
  487.         /*linear-gradient(to top, #444, #555) !important;*/
  488.         box-shadow: 0 0 1px 1px #777 !important;
  489.     }
  490. }
  491.  
  492. @-moz-document url("about:addons") {
  493.     page {
  494.         background-color: rgb(46, 54, 69) !important;
  495.     }
  496.     /* Addon list */
  497.     .category,
  498.     .category-name,
  499.     .detail-view-container {
  500.         color: white;
  501.     }
  502.     .category[selected],
  503.     .category.selected {
  504.         color: dodgerblue !important;
  505.     }
  506.     .addon {
  507.         color: white !important;
  508.         border-bottom-color: rgb(78, 91, 116) !important;
  509.         ;
  510.     }
  511.     .addon[selected] {
  512.         background-color: rgb(34, 40, 50) !important;
  513.     }
  514.     .alert {
  515.         background-color: rgb(56, 60, 74) !important;
  516.         color: rgb(250, 250, 250) !important;
  517.         border-color: rgb(22, 22, 22) !important;
  518.     }
  519.     .addon-control,
  520.     .header-button,
  521.     textbox {
  522.         background-color: rgb(68, 73, 90) !important;
  523.         transition: background-color 0.2s;
  524.         color: rgb(250, 250, 250) !important;
  525.         border-color: rgb(22, 22, 22) !important;
  526.     }
  527.     .addon-control:hover,
  528.     .header-button:hover,
  529.     textbox:hover {
  530.         background-color: rgb(85, 91, 112) !important;
  531.         transition: background-color 0.2s;
  532.     }
  533.     .addon-view[pending="disable"],
  534.     .addon-view[pending="uninstall"] {
  535.         --view-highlight-color: #252525 !important;
  536.         ;
  537.     }
  538.     #updates-noneFound {
  539.         color: #eee;
  540.     }
  541.     /* Addon preferences */
  542.     #detail-desc-container {
  543.         color: rgb(250, 250, 250) !important;
  544.     }
  545.     #detail-summary {
  546.         color: rgb(255, 255, 255) !important;
  547.     }
  548.     #detail-rows {
  549.         color: rgb(250, 250, 250) !important;
  550.     }
  551.     /* Legacy extensions page */
  552.     #legacy-extensions-info {
  553.         color: white;
  554.     }
  555. }
  556.  
  557. @-moz-document url("about:preferences") {
  558.     page {
  559.         background-color: rgb(46, 54, 69) !important;
  560.     }
  561.     .category,
  562.     .category-name,
  563.     .detail-view-container {
  564.         color: white;
  565.     }
  566.     /* General page */
  567.     .search-container {
  568.         background-color: rgb(46, 54, 69) !important;
  569.     }
  570.     .main-content {
  571.         color: #eee;
  572.     }
  573.     radio:hover,
  574.     checkbox:hover {
  575.         color: #0A84FF !important;
  576.     }
  577.     button,
  578.     textbox,
  579.     menulist {
  580.         background-color: rgb(68, 73, 90) !important;
  581.         transition: background-color 0.2s;
  582.         color: rgb(250, 250, 250) !important;
  583.         border-color: rgb(22, 22, 22) !important;
  584.     }
  585.     button:hover,
  586.     textbox:hover,
  587.     menulist:hover {
  588.         background-color: rgb(85, 91, 112) !important;
  589.         transition: background-color 0.2s;
  590.     }
  591.     .checkbox-check,
  592.     .radio-check {
  593.         background-color: rgb(68, 73, 90) !important;
  594.         border-color: rgb(22, 22, 22) !important;
  595.         box-shadow: none !important;
  596.     }
  597.     treecol {
  598.         background-color: rgb(34, 40, 50) !important;
  599.     }
  600.     richlistbox,
  601.     listbox {
  602.         border: 1px solid color(30, 30, 30) !important;
  603.         border-image: none;
  604.     }
  605.     richlistitem {
  606.         background-color: rgb(46, 54, 69) !important;
  607.         color: white !important;
  608.     }
  609. }
  610.  
  611. @-moz-document regexp("^[file:///].*[^(html)]$") {
  612.     :root {
  613.         background-color: var(--in-content-page-background) !important;
  614.     }
  615.     body {
  616.         border-color: var(--in-content-box-background) !important;
  617.         background-color: var(--in-content-box-background) !important;
  618.         color: var(--in-content-page-color) !important;
  619.     }
  620.     h1 {
  621.         border-color: var(--in-content-box-border-color) !important;
  622.     }
  623.     body>table>tbody>tr:hover {
  624.         outline-color: var(--in-content-box-background-hover) !important;
  625.         background-color: var(--in-content-box-background-hover) !important;
  626.     }
  627.     .dir,
  628.     .file,
  629.     .symlink,
  630.     .up {
  631.         color: var(--in-content-link-color) !important;
  632.     }
  633. }
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!