CompactFox, ein kompaktes und einfaches Theme für Firefox

Die Zeiten ändern sich.

Dieser Beitrag scheint älter als 3 Jahre zu sein – eine lange Zeit im Internet. Der Inhalt ist vielleicht veraltet.

Nach längerer Zeit mal wieder ein neues Theme für Firefox. Das nachfolgende Theme ändert die Tabs, Adressleiste und die Anzeige der Lesezeichen. Dies alles schrumpft durch die hier angebotene userChrome.css. Ich selbst mag diesen „CompactFox“. Die aktuellen Tabs in Firefox sind mir viel zu groß.

/* CompactFox
 * ----------
 * https://github.com/Tnings/CompactFox
 */

/* changed tabs */

.titlebar-spacer{
  display: none;
}

.titlebar-buttonbox-container{
  margin-right: 4px !important;
}

#tabbrowser-tabs{
  padding: 3px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

:root {
  --tab-min-height: 20px !important;
  --tab-max-height: 20px !important;
}

.tab-close-button{
  height: 15px !important;
  width: 15px !important;
  padding: 2px !important;
}

.tab-throbber-tabslist, .tab-throbber, .tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-overlay {
    height: 14px !important;
    width: 14px !important;
}

.tab-background:-moz-lwtheme-brighttext{
  background-color: rgba( 66, 65, 76, 0.4) !important;
}

.tabbrowser-tab:-moz-lwtheme-brighttext:hover > .tab-stack > .tab-background{
  background-color: rgba( 66, 65, 76, 0.7) !important;
}

.tab-background{
  background-color: rgba( 255, 255, 255, 0.9) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background{
  background-color: rgba( 255, 255, 255, 0.4) !important;
}


/* navbar size */
#urlbar-input {
  height: 15px !important;
}

#urlbar{
  min-height: 23px !important;
}

.toolbarbutton-badge {
  /* min-width: 10px !important; */
}
#nav-bar > .toolbarbutton-1{
  padding: 0px !important;
}

.urlbar-page-action{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.notification-anchor-icon{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* bookmarks size */

.bookmark-item{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}