userChrome.css

userChrome.css

@-moz-document url(chrome://browser/content/browser.xhtml) {
  :root {
    --toolbarbutton-inner-padding: 2px !important;
    --chrome-background-color: #e8e8e8 !important;
    --chrome-secondary-background-color: #fff !important;
    --focus-ring-box-shadow: none !important;
    --toolbarbutton-hover-background: ;
    --toolbarbutton-border-radius: 0 !important;
    --tab-loading-fill: #808080 !important;
  }

  /*-- Tabs --*/
  #titlebar, #tabbrowser-tabs {
    --tab-min-height: 22px !important
  }
  #tabbrowser-tabs {
    min-height: 0 !important;
  }

  #navigator-toolbox #TabsToolbar {
    margin: 0 !important;
    -moz-appearance: none !important;
  }

  .tab-background {
    display: none !important;
  }
  .tab-background[selected=true] {
    background: var(--chrome-secondary-background-color) !important;
  }
  .tabbrowser-tab {
    padding-inline: 0;
  }
  .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
    background: rgba(255, 255, 255, 0.25) !important;
  }
  .tab-line {
    display: none;
  }

  .tab-label-container:not([selected="true"]){
    opacity: 1 !important;
    color: #808080 !important;
  }

  .tabbrowser-tab::after, .tabbrowser-tab::before {
    border: 0 none !important;
  }

  .tab-icon-image, .tab-close-button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .close-icon > .button-icon, .close-icon > .button-box > .button-icon, .close-icon > .toolbarbutton-icon {
    width: 16px !important;
    height: 16px !important;
  }
  .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
  .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
    display: none !important;
  }
  .tab-drop-indicator {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .tab-content[selected=true] {
    background-color: #fff !important;
  }

  .private-browsing-indicator {
    width: 20px !important;
    height: 20px !important;
  }
  #scrollbutton-up,
  #scrollbutton-down {
    border: 0 none !important;
    padding: 0 4px !important;
  }

  /*-- Navigator Bar --*/
  #nav-bar {
    border: 0 none !important;
    padding: 0 4px !important;
    height: 24px !important;
    box-shadow: none !important;
    --toolbar-bgcolor: #fff;
  }
  /* toolbar .toolbarbutton-1 > .toolbarbutton-icon {
    background: transparent none !important;
    width: 18px !important;
    padding: 0 !important;
  } */

  #urlbar-container, #search-container {
    padding: 0 !important;
  }
  #urlbar, #searchbar {
    --urlbar-height: 24px !important;
    --urlbar-container-padding: 0 !important;
    border: 0 none !important;
    margin: 0 2px !important;
    min-height: 0 !important;
    background-color: transparent !important;
    outline: 0 none !important;
    box-shadow: none !important;
    left: 0 !important;
    height: 24px !important;
  }
  #urlbar, .searchbar-textbox {
    font-size: 12px !important;
  }

  #urlbar-background {
    display: none !important;
  }

  #urlbar-input-container {
    border: 0 none !important;
  }
  
  .urlbarView {
    background-color: #fff !important;
  }

  #page-action-buttons {
    display: none !important;
  }

  #identity-box {
    margin: 0 !important;
    border: none !important;
    padding: 0 6px !important;
  }

  #identity-icon, #tracking-protection-icon, #connection-icon, .notification-anchor-icon, #blocked-permissions-container > .blocked-permission-icon, #extension-icon, .urlbar-icon {
    width: 16px !important;
    height: 16px !important;
    padding: 1px !important;
    border-radius: unset !important;
    background: unset !important;
  }

  #PanelUI-button {
    display: none;
  }

  #alltabs-button {
    display: none !important;
  }

  /*-- Contet menu --*/
  #context-navigation,
  #context-sep-navigation {
    display: none;
  }

  /*-- Side bar --*/
  #sidebar-header {
    background-color: var(--chrome-secondary-background-color);
  }

}