dots

Personal dotfiles
git clone git://git.gormless.xyz/dots.git
Log | Files | Refs

userChrome.dark (7734B)


      1  :root {
      2 
      3   --fg: #ebdbb2;
      4   --bg: #282828;
      5   --active: #d79921;
      6   --inactive: #a89984;
      7 
      8    /* Minimal Functional Fox variables*/
      9   --mff-bg: var(--bg);
     10   --mff-icon-color: var(--fg);
     11   --mff-nav-toolbar-padding: 8px;
     12   --mff-sidebar-bg: var(--mff-bg);
     13   --mff-sidebar-color: var(--fg);
     14   --mff-tab-border-radius: 0px;
     15   --mff-tab-color: var(--fg);
     16   --mff-tab-font-family: "Spleen", Medium;
     17   --mff-tab-font-size: 11pt;
     18   --mff-tab-font-weight: 400;
     19   --mff-tab-height: 32px;
     20   --mff-tab-pinned-bg: var(--inactive);
     21   --mff-tab-selected-bg: var(--active);
     22   --mff-tab-soundplaying-bg: var(--inactive);
     23   --mff-urlbar-color: var(--fg);
     24   --mff-urlbar-focused-color: var(--fg);
     25   --mff-urlbar-font-family: "Spleen 32x64", Medium;
     26   --mff-urlbar-font-size: 12pt;
     27   --mff-urlbar-font-weight: 700;
     28   --mff-urlbar-results-color: var(--fg);
     29   --mff-urlbar-results-font-family: "Spleen 32x64", Medium;
     30   --mff-urlbar-results-font-size: 12pt;
     31   --mff-urlbar-results-font-weight: 700;
     32   --mff-urlbar-results-url-color: var(--inactive);
     33   /*   --mff-tab-selected-bg: linear-gradient(90deg, rgba(232,74,95,1) 0%, rgba(255,132,124,1) 50%, rgba(254,206,168,1) 100%); */
     34   /*   --mff-urlbar-font-weight: 600; */
     35 
     36   /* Overriden Firefox variables*/
     37   --autocomplete-popup-background: var(--mff-bg) !important;
     38   --default-arrowpanel-background: var(--mff-bg) !important;
     39   --default-arrowpanel-color: var(--fg) !important;
     40   --lwt-toolbarbutton-icon-fill: var(--mff-icon-color) !important;
     41   --panel-disabled-color: var(--fg);
     42   --toolbar-bgcolor: var(--mff-bg) !important;
     43   --urlbar-separator-color: transparent !important;
     44 }
     45 
     46 /*
     47   _____ _   ___ ___
     48  |_   _/_\ | _ ) __|
     49    | |/ _ \| _ \__ \
     50    |_/_/ \_\___/___/
     51 
     52 */
     53 
     54 .tab-background[selected="true"] {
     55   background: var(--mff-tab-selected-bg) !important;
     56 }
     57 
     58 .tab-background:not[visuallyselected] {
     59   background: var(--mff-tab-selected-bg) !important;
     60   opacity: 0.5 !important;
     61 }
     62 
     63 /* This positions the tabs under the navaigator container */
     64 #titlebar {
     65   -moz-box-ordinal-group: 3 !important;
     66 }
     67 
     68 .tabbrowser-tab::after,
     69 .tabbrowser-tab::before {
     70   border-left: none !important;
     71 }
     72 
     73 .tab-background {
     74   border: none !important;
     75 }
     76 
     77 .tabbrowser-arrowscrollbox {
     78   margin-inline-start: 4px !important;
     79   margin-inline-end: 0px !important;
     80 }
     81 
     82 .tab-close-button {
     83  display: none !important;
     84 }
     85 
     86 .tab-text {
     87   font-family: var(--mff-tab-font-family);
     88   font-weight: var(--mff-tab-font-weight);
     89   font-size: var(--mff-tab-font-size) !important;
     90   color: var(--mff-tab-color);
     91 }
     92 
     93 /* Hide the favicon for tabs */
     94 hbox.tab-content .tab-icon-image {
     95   display: none !important;
     96 }
     97 
     98 /* Show the favicon for tabs that are pinned */
     99 hbox.tab-content[pinned=true] .tab-icon-image {
    100   display: initial !important;
    101 }
    102 
    103 hbox.tab-content[pinned=true] .tab-text {
    104   display: none !important;
    105 }
    106 
    107 #tabbrowser-tabs {
    108   --tab-loading-fill: var(--fg) !important;
    109 
    110 }
    111 
    112 .tab-label-container:not([textoverflow]) {
    113   display: flex;
    114   overflow: hidden;
    115   justify-content: center;
    116 width: 50% !important;
    117   max-width: 50% !important;
    118   min-width: 50% !important;
    119 }
    120 
    121 /* .tab-label-container::after {
    122   content: "?" !important;
    123 
    124 } */
    125 
    126 .tab-line {
    127   display: none !important;
    128 }
    129 
    130 .tabbrowser-tab {
    131   border-radius: var(--mff-tab-border-radius) !important;
    132   border-width: 0;
    133   height: var(--mff-tab-height) !important;
    134   margin-bottom: 4px !important;
    135   margin-inline-end: 4px !important;
    136   margin-top: 4px !important;
    137   max-height: var(--mff-tab-height) !important;
    138   min-height: var(--mff-tab-height) !important;
    139 }
    140 
    141 .tabbrowser-tab[soundplaying="true"] {
    142   background-color: var(--mff-tab-soundplaying-bg) !important;
    143 }
    144 
    145 #tabs-newtab-button {
    146   list-style-image: url("add.svg") !important;
    147   opacity: 0.7;
    148 }
    149 
    150 .tab-icon-sound {
    151   display: none !important;
    152 }
    153 
    154 /*
    155   _____ ___   ___  _    ___   _   ___
    156 |_   _/ _ \ / _ \| |  | _ ) /_\ | _ \
    157   | || (_) | (_) | |__| _ \/ _ \|   /
    158   |_| \___/ \___/|____|___/_/  \_\_|_\
    159 */
    160 
    161 .urlbar-icon > image {
    162   fill: var(--mff-icon-color) !important;
    163   color: var(--mff-icon-color) !important;
    164 }
    165 
    166 .toolbarbutton-text {
    167   color: var(--mff-icon-color)  !important;
    168 }
    169 .urlbar-icon {
    170   color: var(--mff-icon-color)  !important;
    171 
    172 }
    173 
    174 .toolbarbutton-icon {
    175 /* filter: drop-shadow(0 0 0.75rem crimson); */
    176 }
    177 
    178 #urlbar-results {
    179   font-family: var(--mff-urlbar-results-font-family);
    180   font-weight: var(--mff-urlbar-results-font-weight);
    181   font-size: var(--mff-urlbar-results-font-size) !important;
    182   color: var(--mff-urlbar-results-color) !important;
    183 }
    184 
    185 .urlbarView-row[type="bookmark"] > span{
    186   color: green !important;
    187 }
    188 
    189 .urlbarView-row[type="switchtab"] > span{
    190   color: orange !important;
    191 }
    192 
    193 .urlbarView-url, .search-panel-one-offs-container {
    194   color: var(--mff-urlbar-results-url-color) !important;
    195   font-family: var(--mff-urlbar-font-family);
    196   font-weight: var(--mff-urlbar-results-font-weight);
    197   font-size: var(--mff-urlbar-font-size) !important;
    198 }
    199 
    200 .urlbarView-favicon, .urlbarView-type-icon {
    201   display: none !important;
    202 }
    203 
    204 #urlbar-input {
    205   font-size: var(--mff-urlbar-font-size) !important;
    206   color: var(--mff-urlbar-color) !important;
    207   font-family: var(--mff-urlbar-font-family) !important;
    208   font-weight: var(--mff-urlbar-font-weight)!important;
    209   text-align: center !important;
    210 }
    211 
    212 #tracking-protection-icon-container, #identity-box {
    213   display: none;
    214 }
    215 
    216 #back-button > .toolbarbutton-icon{
    217   --backbutton-background: transparent !important;
    218   border: none !important;
    219 }
    220 
    221 #back-button {
    222   list-style-image: url("left-arrow.svg") !important;
    223 }
    224 
    225 #forward-button {
    226   list-style-image: url("right-arrow.svg") !important;
    227 }
    228 
    229 toolbar {
    230   background-image: none !important;
    231 }
    232 
    233 #urlbar-background {
    234   opacity: .98 !important;
    235 }
    236 
    237 #navigator-toolbox, toolbaritem {
    238   border: none !important;
    239 }
    240 
    241 #urlbar-background {
    242   background-color: var(--mff-bg) !important;
    243   border: none !important;
    244 }
    245 
    246 .toolbar-items {
    247   background-color: var(--mff-bg) !important;
    248 }
    249 
    250 #sidebar-search-container {
    251   background-color: var(--mff-sidebar-bg) !important;
    252 }
    253 
    254 box.panel-arrowbox {
    255   display: none;
    256 }
    257 
    258 box.panel-arrowcontent {
    259   border-radius: 8px !important;
    260   border: none !important;
    261 }
    262 
    263 tab.tabbrowser-tab {
    264   overflow: hidden;
    265 }
    266 
    267 tab.tabbrowser-tab:hover {
    268   box-shadow: 0 1px 4px rgba(0,0,0,.05);
    269 }
    270 
    271 image#star-button {
    272   display: none;
    273 }
    274 
    275 toolbar#nav-bar {
    276   padding: var(--mff-nav-toolbar-padding) !important;
    277 }
    278 
    279 toolbar#nav-bar {
    280   padding: 4px !important;
    281 }
    282 
    283 #urlbar {
    284   max-width: 70% !important;
    285   margin: 0 15% !important;
    286   /* 	position: unset!important; */;
    287 }
    288 
    289 #urlbar-input:focus {
    290   color: var(--mff-urlbar-focused-color) !important;
    291 }
    292 
    293 
    294 .megabar[breakout-extend="true"]:not([open="true"]) > #urlbar-background {
    295   box-shadow: none !important;
    296   background-color: transparent !important;
    297 }
    298 
    299 toolbarbutton {
    300   box-shadow: none !important;
    301 }
    302 
    303 
    304 /*
    305   ___ ___ ___  ___ ___   _   ___
    306  / __|_ _|   \| __| _ ) /_\ | _ \
    307  \__ \| || |) | _|| _ \/ _ \|   /
    308  |___/___|___/|___|___/_/ \_\_|_\
    309 */
    310 
    311 .close-icon, .urlbar-icon {
    312   fill: var(--mff-icon-color) !important;
    313 }
    314 
    315 .sidebar-placesTree {
    316   color: var(--mff-sidebar-color) !important;
    317 }
    318 
    319 #sidebar-switcher-target {
    320 /*   color: white !important; */
    321 }
    322 
    323 #sidebar-box {
    324   --sidebar-background-color: var(--mff-sidebar-bg) !important;
    325 }
    326 
    327 splitter#sidebar-splitter {
    328   opacity: 0 !important;
    329 }
    330 
    331 splitter#sidebar-splitter {
    332   border: none !important;
    333   background-color: transparent !important;
    334 }
    335 
    336 image#sidebar-icon {
    337   display: none;
    338 }
    339 
    340 
    341 /*
    342     _   ___ ___  _____      _____  _   _  _ ___ _
    343    /_\ | _ \ _ \/ _ \ \    / / _ \/_\ | \| | __| |
    344   / _ \|   /   / (_) \ \/\/ /|  _/ _ \| .` | _|| |__
    345  /_/ \_\_|_\_|_\\___/ \_/\_/ |_|/_/ \_\_|\_|___|____|
    346  */
    347 
    348 .panel-arrowcontent {
    349   padding: 0px !important;
    350   margin: 0px !important;
    351 }
    352 
    353 toolbarseparator {
    354   display: none;
    355 }