userChrome.css (4623B) - raw


      1 :root {
      2   --arrowpanel-border-color: #737373ff !important;
      3   --arrowpanel-color: #3d3d3dff !important;
      4   --arrowpanel-background: #222d32ff !important;
      5   --autocomplete-popup-background: #222d32ff !important;
      6   --autocomplete-popup-color: #3d3d3dff !important;
      7   --chrome-content-separator-color: transparent !important;
      8   --chrome-nav-bar-controls-border-color: transparent !important;
      9   /* inactive tabs / top bar background color */
     10   --lwt-accent-color: #222d32ff !important;
     11   /* tab / bookmarks bar text color */
     12   --lwt-text-color: #716045ff !important;
     13   /* URL field background color */
     14   --lwt-toolbar-field-background-color: #222d32ff !important;
     15   /* top bar button hover background color */
     16   --lwt-toolbarbutton-hover-background: #222d32ff !important;
     17   /* top bar button fill color */
     18   --lwt-toolbarbutton-icon-fill: #4b8797ff !important;
     19   --moz-menubartext: #737373ff !important;
     20   --tab-min-height: 26px !important;
     21   --tabs-border: transparent !important;
     22   --toolbar-bgcolor: #222d32ff !important;
     23   --toolbarbutton-border-radius: 0px !important;
     24   --toolbarbutton-inner-padding: 5px !important;
     25   --toolbarbutton-outer-padding: 0px !important;
     26   /* --toolbox-border-bottom-color: 0px !important; */
     27   --urlbar-separator-color: #222d32ff !important;
     28 }
     29 
     30 /* Toolbar / content area border */
     31 #navigator-toolbox {
     32   border-bottom: 0px !important;
     33 }
     34 
     35 /* Bookmark toolbar */
     36 #PersonalToolbar {
     37   max-height: 22px !important;
     38   padding: 0px 6px !important;
     39   border-color: transparent !important;
     40 }
     41 
     42 :root[uidensity=compact] #PersonalToolbar {
     43   padding-inline: 0px !important;
     44 }
     45 
     46 :root[uidensity=compact] #urlbar, :root[uidensity=compact] #searchbar {
     47   min-height: 25px;
     48 }
     49 
     50 :root[uidensity=compact] #nav-bar .toolbarbutton-1 {
     51   padding: 0px !important;
     52 }
     53 
     54 #TabsToolbar {
     55   margin-bottom: -3px !important;
     56   margin-top: -1px !important;
     57   margin-left: 40vw !important;
     58   margin-right: 1px !important;
     59 }
     60 
     61 #tabs-newtab-button {
     62   margin-top: 0px !important;
     63   margin-left: 0px !important;
     64   margin-bottom: 0px !important;
     65 }
     66 
     67 #nav-bar {
     68   margin-bottom: 0px !important;
     69   margin-top: -27px !important;
     70   margin-right: 60vw !important;
     71   border-top: 0px !important;
     72 }
     73 
     74 #urlbar[focused=true], #urlbar, #urlbar-container, #nav-bar-customization-target.customization-target {
     75   border: none !important;
     76   min-width: 100% !important;
     77 }
     78 
     79 #urlbar-container {
     80   padding: 0px 0px !important;
     81   margin: 0px !important;
     82 }
     83 
     84 .tabbrowser-tab, .tab-background, .tab-content {
     85   mask-image: unset !important;
     86   margin: 0px !important;
     87 }
     88 
     89 .toolbarbutton-badge-stack {
     90   margin-left: 0px !important;
     91 }
     92 
     93 /* Remove padding above tabbar in compact mode */
     94 #main-window[sizemode=normal] > #titlebar {
     95   -moz-appearance: initial !important;
     96 }
     97 
     98 /* Move hamburger menu to the left */
     99 #PanelUI-button{
    100 visibility: collapse !important;
    101 }
    102 #customization-panel-container,
    103 #customization-panelWrapper .panel-arrow,
    104 #nav-bar-overflow-button {
    105   -moz-box-ordinal-group: 0 !important;
    106 }
    107 
    108 #appMenu-popup {
    109   margin-right: -258px !important;
    110 }
    111 
    112 #appMenu-popup .panel-arrow {
    113   margin-right: 248px !important;
    114 }
    115 
    116 /* Remove border between tabs
    117 Delete this rule if you want separators between background tabs */
    118 .tabbrowser-tab::after, .tabbrowser-tab::before {
    119   border: 0px !important;
    120 }
    121 
    122 .tabbrowser-tab:hover {
    123   background-color: #222d32ff !important;
    124 }
    125 
    126 /* tab line - adjust color & size, default #0a84ff 2px */
    127 .tab-line {
    128   height: 0px !important;
    129   border-bottom: none !important;
    130 }
    131 
    132 #identity-box {
    133   max-width: 0px !important;
    134 }
    135 
    136 *|*.textbox-input::-moz-placeholder {
    137   opacity: 0 !important;
    138 }
    139 
    140 #minimize-button, #restore-button, #close-button,
    141 #appMenu-fxa-container,
    142 #appMenu-fxa-container + toolbarseparator,
    143 #appMenuRestoreLastSession,
    144 #appMenu-edit-controls,
    145 #appMenu-edit-controls + toolbarseparator,
    146 #appMenu-customize-button,
    147 #appMenu-customize-button + toolbarseparator,
    148 #appMenu-open-file-button,
    149 #appMenu-save-file-button,
    150 #appMenu-find-button,
    151 #urlbar-zoom-button,
    152 #pocket-button-box,
    153 #back-button,
    154 #forward-button,
    155 #reload-button,
    156 #stop-button,
    157 #stop-reload-button,
    158 ar-button,
    159 .autocomplete-history-dropmarker,
    160 #identity-icon-labels,
    161 #identity-icon,
    162 .urlbar-go-button,
    163 #sidebar-button,
    164 .tabs-newtab-button.toolbarbutton-1,
    165 #new-tab-button,
    166 #pageActionSeparator,
    167 .urlbar-history-dropmarker.urlbar-icon.chromeclass-toolbar-additional {
    168   display: none !important;
    169 }
    170 #tabbrowser-tabs .tabbrowser-tab .tab-close-button {
    171 	display:none !important;
    172     }
    173 /*# sourceMappingURL=userChrome.css.map */
    174 
    175 .browserContainer { background-color: #d4d4d4 !important; }
    176 
    177 .tabbrowser tabpanels { background-color: #d4d4d4 !important; }
    178 
    179 
    180 
    181 
    182