Advertisement
difool2nice

Library Firefox

Jul 6th, 2018
471
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.23 KB | None | 0 0
  1.  
  2. /*---------------------------------library ----------------------------------*/
  3.  
  4. :root {
  5.     --magenta-50: #ff1ad9;
  6.     --magenta-60: #ed00b5;
  7.     --magenta-70: #b5007f;
  8.     --magenta-80: #7d004f;
  9.     --magenta-90: #440027;
  10.     --purple-50: #9400ff;
  11.     --purple-60: #8000d7;
  12.     --purple-70: #6200a4;
  13.     --purple-80: #440071;
  14.     --purple-90: #25003e;
  15.     --blue-40: #45a1ff;
  16.     --blue-50: #0a84ff;
  17.     --blue-60: #0060df;
  18.     --blue-70: #003eaa;
  19.     --blue-80: #002275;
  20.     --blue-90: #000f40;
  21.     --teal-50: #00feff;
  22.     --teal-60: #00c8d7;
  23.     --teal-70: #008ea4;
  24.     --teal-80: #005a71;
  25.     --teal-90: #002d3e;
  26.     --green-50: #30e60b;
  27.     --green-60: #12bc00;
  28.     --green-70: #058b00;
  29.     --green-80: #006504;
  30.     --green-90: #003706;
  31.     --yellow-50: #ffe900;
  32.     --yellow-60: #d7b600;
  33.     --yellow-70: #a47f00;
  34.     --yellow-80: #715100;
  35.     --yellow-90: #3e2800;
  36.     --red-50: #ff0039;
  37.     --red-60: #d70022;
  38.     --red-70: #a4000f;
  39.     --red-80: #5a0002;
  40.     --red-90: #3e0200;
  41.     --orange-50: #ff9400;
  42.     --orange-60: #d76e00;
  43.     --orange-70: #a44900;
  44.     --orange-80: #712b00;
  45.     --orange-90: #3e1300;
  46.     --grey-10: #f9f9fa;
  47.     --grey-20: #ededf0;
  48.     --grey-30: #d7d7db;
  49.     --grey-40: #b1b1b3;
  50.     --grey-50: #737373;
  51.     --grey-60: #4a4a4f;
  52.     --grey-70: #38383d;
  53.     --grey-80: #2a2a2e;
  54.     --grey-90: #0c0c0d;
  55.     --code-green: #86de74 !important;
  56.     --warning-color: #FCE19F;
  57.     --warning-background-color: #44391F;
  58.     --theme-highlight-green: #86DE74;
  59.     --theme-highlight-blue: #75BFFF;
  60.     --theme-highlight-purple: #B98EFF;
  61.     --theme-highlight-red: #FF7DE9;
  62.     --theme-highlight-yellow: #FFF89E;
  63.     --theme-highlight-bluegrey: #5e88b0;
  64.     --theme-highlight-lightorange: #d99b28;
  65.     --theme-highlight-orange: #d96629;
  66.     --theme-highlight-pink: #df80ff;
  67.     --tone-1: var(--grey-10);
  68.     --tone-2: var(--grey-20);
  69.     --tone-3: var(--grey-30);
  70.     --tone-4: var(--grey-40);
  71.     --tone-5: var(--grey-50);
  72.     --tone-6: var(--grey-60);
  73.     --tone-7: var(--grey-70);
  74.     --tone-8: var(--grey-80);
  75.     --tone-9: var(--grey-90);
  76.     --accent-1: var(--blue-40);
  77.     --accent-2: var(--blue-50);
  78.     --accent-3: var(--blue-60);
  79.     --in-content-page-color: var(--tone-1) !important;
  80.     --in-content-page-background: var(--tone-8) !important;
  81.     --in-content-text-color: var(--tone-1) !important;
  82.     --in-content-selected-text: var(--tone-1) !important;
  83.     --in-content-box-background: var(--tone-7) !important;
  84.     --in-content-box-background-odd: #f3f6fa;
  85.     --in-content-box-background-hover: var(--tone-9) !important;
  86.     --in-content-box-background-active: var(--tone-8) !important;
  87.     --in-content-box-border-color: var(--tone-5) !important;
  88.     --in-content-item-hover: rgba(0, 149, 221, 0.25);
  89.     --in-content-item-selected: var(--tone-7) !important;
  90.     --in-content-border-highlight: var(--accent-1) !important;
  91.     --in-content-border-focus: var(--accent-1) !important;
  92.     --in-content-border-color: var(--tone-9) !important;
  93.     --in-content-category-outline-focus: 1px dotted #0a84ff;
  94.     --in-content-category-text: var(--tone-1) !important;
  95.     --in-content-category-text-active: white !important;
  96.     --in-content-category-text-selected: var(--accent-5) !important;
  97.     --in-content-category-text-selected-active: dodgerblue;
  98.     --in-content-category-background-hover: dodgerblue; /*rgba(12, 12, 13, 0.1);*/
  99.     --in-content-category-background-active: dodgerblue; /* rgba(12, 12, 13, 0.15);*/
  100.     --in-content-category-background-selected-hover: dodgerblue; /*rgba(12, 12, 13, 0.15);*/
  101.     --in-content-category-background-selected-active: dodgerblue; /*rgba(12, 12, 13, 0.2);*/
  102.     --in-content-tab-color: #424f5a;
  103.     --in-content-link-color: var(--accent-1) !important;
  104.     --in-content-link-color-hover: dodgerblue !important; /*var(--accent-2) !important;*/
  105.     --in-content-link-color-active: #003eaa;
  106.     --in-content-link-color-visited: #0a8dff;
  107.     --in-content-primary-button-background: var(--accent-2) !important;
  108.     --in-content-primary-button-background-hover: var(--accent-3) !important;
  109.     --in-content-primary-button-background-active: var(--accent-3) !important;
  110.     --in-content-table-border-dark-color: var(--tone-8) !important;
  111.     --in-content-table-header-background: var(--accent-1) !important;
  112.     --theme-selection-background: dodgerblue !important; /*var(--accent-1) !important;*/
  113.     --theme-selection-background-hover: var(--accent-1) !important;
  114.     --in-content-category-header-background: var(--tone-8) !important;
  115.     --selected-icon-fill-color: var(--tone-1) !important;
  116.     --in-content-dark-header-background: var(--tone-9) !important;
  117.     --secure-connection-color: var(--accent-1) !important;
  118.     --theme-sidebar-background: #1f1f1f !important;
  119.     --cm-background: var(--tone-9) !important;
  120.     --cm-selection: #cfcfcf !important;
  121.     --cm-marker: #555 !important;
  122.     --cm-linenumber: #58575c !important;
  123.     --cm-cursor: #fff !important;
  124.     --cm-active-line-background: rgba(185, 215, 253, .15) !important;
  125.     --cm-matching-bracket: rgb(255, 255, 255) !important;
  126.     --cm-search-background: rgba(24, 29, 32, 1) !important;
  127.     --cm-red: red !important;
  128.     --start-indicator-for-updater-scripts: black !important;
  129.     --end-indicator-for-updater-scripts: black !important;
  130.     --dummy-variable-for-updater-scripts: black !important;
  131. }
  132.  
  133. @-moz-document url(chrome://browser/content/places/places.xul) {
  134.     toolbar {
  135.         -moz-appearance: none !important;
  136.         background-color: var(--in-content-category-header-background) !important;
  137.         border: none !important;
  138.     }
  139.     listbox, textbox {
  140.         -moz-appearance: none !important;
  141.         background-color: var(--in-content-box-background) !important;
  142.         color: white !important;
  143.         min-height: 20px !important;
  144.         padding: 0 0 0 4px !important;
  145.         border: 1px solid !important;
  146.         border-color: var(--in-content-box-border-color) !important;
  147.         border-radius: 0px !important;
  148.     }
  149.     #editBMPanel_rows>row>hbox>textbox, #editBMPanel_rows>row>textbox, #editBMPanel_tagsSelector {
  150.         background: var(--in-content-box-background) !important;
  151.     }
  152.     #placesToolbar>toolbarbutton {
  153.         margin: 6px 4px 5px !important;
  154.         -moz-appearance: none !important;
  155.         background-color: var(--tone-4) !important;
  156.         border-radius: 5px !important;
  157.         filter: invert(100%) !important;
  158.     }
  159.     #placesList {
  160.         -moz-appearance: none !important;
  161.         color: var(--in-content-page-color) !important;
  162.         background-color: var(--in-content-page-background) !important;
  163.     }
  164.     #placesView>splitter {
  165.         border-color: var(--in-content-border-color) !important;
  166.     }
  167.     #places #downloadsRichListBox {
  168.         -moz-appearance: none !important;
  169.         color: var(--in-content-page-color) !important;
  170.         background-color: var(--in-content-box-background) !important;
  171.     }
  172.     #detailsDeck {
  173.         font-family: Fira Sans !important;
  174.         border: none !important;
  175.         background-color: var(--in-content-page-background) !important;
  176.         color: var(--in-content-page-color) !important;
  177.     }
  178.     .expander-down, .expander-up {
  179.         filter: invert(77%) !important;
  180.     }
  181.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
  182.         color: var(--in-content-text-color) !important;
  183.     }
  184.     #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected), #placesList>treechildren::-moz-tree-row(selected) {
  185.         -moz-appearance: none !important;
  186.         -moz-font-smoothing-background-color: none !important;
  187.         border-top: none !important;
  188.          background:dodgerblue !important; /*var(--theme-selection-background) !important;*/
  189.         color: var(--in-content-text-color) !important;
  190.     }
  191.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected), #placesList>treechildren::-moz-tree-cell-text(selected) {
  192.         color: var(--in-content-text-color) !important;
  193.     }
  194.     #places treechildren::-moz-tree-row {
  195.         background-color: transparent !important;
  196.     }
  197.     #places treechildren::-moz-tree-image {
  198.         fill: var(--in-content-page-color) !important;
  199.     }
  200.     #places treechildren::-moz-tree-image(selected) {
  201.         fill: var(--selected-icon-fill-color) !important;
  202.     }
  203.     #placeContent>treechildren::-moz-tree-cell, #placeContent>treechildren::-moz-tree-column {
  204.         border-color: var(--in-content-box-border-color) !important;
  205.     }
  206.     #contentView treecol {
  207.         -moz-appearance: none !important;
  208.         border: none !important;
  209.         background: var(--in-content-category-header-background) !important;
  210.         color: var(--in-content-text-color) !important;
  211.         border-right: 1px solid !important;
  212.         border-color: var(--in-content-box-border-color) !important;
  213.     }
  214.     tree {
  215.         background-color: var(--in-content-box-background) !important;
  216.     }
  217.     #editBMPanel_tagsSelectorExpander.expander-down {
  218.         -moz-appearance: -moz-mac-disclosure-button-closed !important;
  219.         filter: invert(79%) !important;
  220.     }
  221.     #editBMPanel_tagsSelectorExpander.expander-up {
  222.         -moz-appearance: -moz-mac-disclosure-button-open !important;
  223.         filter: invert(79%) !important;
  224.     }
  225.     #main-menubar {
  226.         background-color: var(--in-content-category-header-background) !important;
  227.     }
  228.     #main-menubar>* {
  229.         color: var(--in-content-page-color) !important;
  230.     }
  231.     #main-menubar> :hover, menubar>menu[_moz-menuactive=true][open=true] {
  232.         -moz-appearance: none !important;
  233.         background: var(--in-content-page-background) !important;
  234.     }
  235.     @media screen and (-moz-windows-theme), screen and (-moz-windows-classic), screen and (-moz-windows-default-theme), screen and (-moz-os-version:windows-win7), screen and (-moz-os-version:windows-win8), screen and (-moz-os-version:windows-win10) {
  236.         #metaTagsCaption, #security-identity, #security-identity-groupbox, #security-privacy, #security-privacy-groupbox, #security-technical, #security-technical-groupbox {
  237.             -moz-appearance: none !important;
  238.             background-color: var(--in-content-page-background) !important;
  239.             border: none !important;
  240.             color: var(--in-content-selected-text) !important;
  241.         }
  242.         #placesMenu>menu {
  243.             color: var(--in-content-page-color) !important;
  244.         }
  245.         #security-identity-groupbox, #security-privacy-groupbox, #security-technical-groupbox {
  246.             -moz-appearance: none !important;
  247.             background-color: var(--in-content-category-header-background) !important;
  248.         }
  249.         #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover):not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
  250.             background: 0 0 !important;
  251.             -moz-border-top-colors: transparent !important;
  252.             -moz-border-right-colors: transparent !important;
  253.             -moz-border-left-colors: transparent !important;
  254.             -moz-border-bottom-colors: transparent !important;
  255.         }
  256.     }
  257.     @media screen and (-moz-os-version:windows-win7) {
  258.         treechildren {
  259.             --treechildren-outline: none !important;
  260.         }
  261.     }
  262. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement