Firefox-Tuning für Fortgeschrittene
Tab-Tweak in userChrome.css einfügen
von Gaby Salvisberg - 08.06.2021
Datei userChrome.css öffnen: Öffnen Sie den vorhin erstellten Ordner chrome in Ihrem Firefox-Profil. Klicken Sie mit rechter Maustaste auf die Datei userChrome.css und wählen Sie im Kontextmenü Öffnen mit/Editor. Es öffnet sich der Notepad-Editor mit der noch leeren Datei.
Hinweis: Sie müssen natürlich nicht alle Tweaks anwenden! Wenn Ihnen die Tabs gefallen und Sie z.B. bloss den Befehl «Neuer Tab» aus dem Tab-Kontextmenü entfernen wollen, beschränken Sie sich einfach auf die Code-Zeilen zum jeweiligen Tipp.
Tabs wieder wie Tabs aussehen lassen
Fügen Sie folgende Code-Zeilen ein; das Datum in der untersten Zeile können Sie anpassen, damit Sie wissen, wann Sie die Einträge in der Datei gemacht haben:
/*** Proton Tabs Tweaks ***/
/* Obere Tab-Ecken nicht mehr abrunden und Tabs nicht mehr floaten */
#tabbrowser-tabs {
--user-tab-rounding: 0px;
}
@media (-moz-proton) {
.tab-background {
border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
margin-block: 1px 0 !important;
}
}
/* Aussenlinie bei inaktiven Tabs */
@media (-moz-proton) {
.tab-background:not([selected=true]):not([multiselected=true]) {
border: 1px solid rgba(0, 0, 0, .20) !important;
border-bottom-color: transparent !important;
}
/* For dark backgrounds */
[brighttext="true"] .tab-background:not([selected=true]):not([multiselected=true]) {
border: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
}
/* Remove extra padding between tabs */
.tabbrowser-tab {
padding-left: 0 !important;
}
}
/* Tweaks von 07.06.2021 */
/* Obere Tab-Ecken nicht mehr abrunden und Tabs nicht mehr floaten */
#tabbrowser-tabs {
--user-tab-rounding: 0px;
}
@media (-moz-proton) {
.tab-background {
border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
margin-block: 1px 0 !important;
}
}
/* Aussenlinie bei inaktiven Tabs */
@media (-moz-proton) {
.tab-background:not([selected=true]):not([multiselected=true]) {
border: 1px solid rgba(0, 0, 0, .20) !important;
border-bottom-color: transparent !important;
}
/* For dark backgrounds */
[brighttext="true"] .tab-background:not([selected=true]):not([multiselected=true]) {
border: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
}
/* Remove extra padding between tabs */
.tabbrowser-tab {
padding-left: 0 !important;
}
}
/* Tweaks von 07.06.2021 */
Die Datei sollte etwa so aussehen wie im nachfolgenden Screenshot. Speichern Sie die Datei.
Gratulation, Sie haben soeben ihre ersten userChrome.css-Tweaks implementiert!
(Quelle: PCtipp.ch )
Schliessen und öffnen Sie Firefox wieder. Schon sehen die Tabs wieder wie Tabs aus. Sie können nun in derselben Datei weitere Tweaks einfügen. Zwei weitere finden Sie auf der Folgeseite.