Firefox Theme: Minfox

Heute nach langer Zeit mal wieder ein neues Theme für Firefox. Minfox verändert die Symbol- und Adressleiste minimal. So fehlt nach Installation zum Beispiel auch die viel gehasste Megabar.

/*
 * MinFox
 * https://github.com/lukestateson/Minfox
 */

#toolbar-menubar:not([autohide="true"]) + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background,
:root:not([tabsintitlebar]) .tab-background,
:root[extradragspace] .tab-background {
  border-top: 0 !important;
}

.tab-line {
  height: 0 !important;
}

.tab-bottom-line {
  height: 0 !important;
}

/* Bookmarked icon grayscale */

#star-button[starred] {
  filter: grayscale(100%);
  opacity: 0.5;
}

/* Identity box grayscale */

#tracking-protection-icon-container, #identity-box {
  filter: grayscale(100%);
}

#identity-box {
  padding-inline-start: 4px !important;
  border-inline-end: 0px !important;
  padding-inline-end: 4px !important;
  margin-inline-end: 4px !important;
}

/* Hide extra icons in address bar */

#page-action-buttons > *:not(#star-button-box), .urlbar-history-dropmarker {
  opacity: 0 !important;
}

/* Show extra icons on hover */

#urlbar:hover #page-action-buttons > *, #urlbar:hover .urlbar-history-dropmarker {
  opacity: 1 !important;
}

/* Hide notification about web page saved in library (after bookmared) */

#confirmation-hint { display: none !important; }

/* Hide new tab icon */

.tabbrowser-tab[image="chrome://branding/content/icon32.png"] .tab-icon-image {
  display: none !important;
}

/* Removing Firefox UI/UX design team "improvements" */

#urlbar[breakout][breakout-extend] {
  top: 5px !important;
  left: 0px !important;
  width: 100% !important;
  padding: 0px !important;
}
[uidensity="compact"] #urlbar[breakout][breakout-extend] {
  top: 3px !important;
}
[uidensity="touch"] #urlbar[breakout][breakout-extend] {
  top: 4px !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding: 0 !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  animation: none !important;;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}

Wichtig: userContent.css und userChrome.css verändern das Aussehen. Während die Datei userContent.css das Aussehen von Webseiten verändert, verändert userChrome.css das Aussehen von Firefox. Die Dateien gehören in den Ordner chrome des Profils und müssen dort erzeugt werden. Um nun an den Profilordner zu kommen muss man via „Burgermenü“ => „Fragezeichen“ den Menüpunkt „Informationen zur Fehlerbehebung“ öffnen. Der Profilordner wird im Windows-Explorer geöffnet wenn ihr den Button „Ordner anzeigen“ in der Zeile „Profilordner“ nutzt. Legt dort einen neuen Ordner mit dem Namen chrome an. In diesem neu angelegten Ordner müsst ihr dann Textdateien mit der Bezeichnung userChrome.css und userContent.css erzeugen. Das ist eigentlich schon alles. Ihr müsst die so erzeugten Dateien nur noch mit einem Texteditor öffnen und mit den passenden Codeschnipsel füllen. Die Codezeilen werden nach einem Browser-Neustart wirksam.

Mozilla hat, um die Startzeit des Browsers zu verkürzen, den Umgang mit den Dateien userChrome.css und userContent.css geändert. Beide beachtet der Browser in der Standardeinstellung nicht. Um die Dateien zu nutzen muss man vorher per „about:config“ den Schalter „toolkit.legacyUserProfileCustomizations.stylesheets“ auf „true“ stellen.