Erscheinungsbild über die userChrome.css ändern

Über die userChrome.css kann die Browseroberfläche angepaßt werden. Icons, Schriften usw lassen sich verändern.
Beflügelt durch einen Thread im Forum, poste ich mal diverse Möglichkeiten Schriftfarbe und Größe zu ändern.

1. Schriftfarben ändern

Schriftfarbe der Tabtitel:

.tabbrowser-tabs .tab-text {
color: white;
}

Schriftfarbe in der Lesezeichenleiste:

.toolbarbutton.bookmark-item > .toolbarbutton-text {
color: white;
}

Schriftfarbe der Menübar:

.menubar-text {
color: white !important;
}

Schriftfarbe Menübar und Menüs:

.menulist, menu, menuitem {
color: white !important;
}

Schriftfarbe in der Toolbar:

.toolbarbutton-text {
color: white;
}

Schriftfarbe der Statusleiste:

.statusbarpanel-text {
color: white !important;
}

"white" kann durch jede Farbe ersetzt werden. Die Farben können auch als Hex-Wert angegeben werden. Eine Farbzuordnungstabelle findet ihr hier (Link von pcinfarkt)


2. Schriftgrößen ändern

Schriftgröße Tabtitel:

.tabbrowser-tabs .tab-text {
font-size: 110% !important;
}

Schriftgröße Menübar:

.menubar-text {
font-size: 110% !important;
}

Schriftgröße Menübar und Menüs:

.menulist, menu, menuitem {
font-size: 110% !important;
}

Schriftgröße Toolbar und Lesezeichenleiste:

.toolbarbutton-text {
font-size: 110% !important;
}

Schriftgröße Statusleiste:

.statusbarpanel-text {
font-size: 110% !important
}

"110%" ausgehend von der Standardgröße, auch kleiner ist möglich (90%)


3. fette Schrift

Tabtitel in fetter Schrift:

.tabbrowser-tabs .tab-text {
font-weight: 800 !important;
}

Menübar in fetter Schrift:

.menubar-text {
font-weight: 800 !important;
}

Menübar und Menüs in fetter Schrift:

.menulist, menu, menuitem {
font-weight: 800 !important;
}

Toolbar und Lesezeichenleiste in fetter Schrift:

.toolbarbutton-text {
font-weight: 800 !important;
}

fette Schrift in der Statusleiste:

.statusbarpanel-text {
font-weight: 800 !important;
}

 

Moin,

einige weitere Befehle gibts bei Mozilla selbst.