Firefox anpassen (Tabs, Kontrast verbessern)

Norbert #7975873
Lesenswert?
• ▲
▼

Moin Alle,

Ich nutze den ESR FF mit vertikalen Tabs. Leider ist der jeweils aktive Tab sehr viel schlechter zu erkennen, als es eigentlich notwendig wäre. (Dafür ist es aber bestimmt künstlerisch viel wertvoller)

Im Bild links der ›Ist‹-Zustand, rechts der erwünschte ›Soll‹-Zustand. Wollte mal lauschen, ob jemand eine gute Idee zu diesem Thema hat. In den Einstellungen ›about:config‹ habe ich nichts gefunden. Wie könnte man das eventuell verbessern?

Danke vorab.

Angehängte Dateien:
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden
Norbert #7975957
Lesenswert?
• ▲
▼

Hmmm schrieb:

Das sollte per userChrome.css gehen.

Gute Idee. Aber da konnte ich noch nichts Vernünftiges erreichen. Grundsätzliche Funktion (zB. font-size: 20pt !important) ist gegeben.

userChrome.css ist auch nicht gut dokumentiert und wird wohl auch nicht unterstützt. Zu den Tabs bin ich nicht fündig geworden. Alles was diesbezüglich in den Examples steht, bewirkt leider nichts.

Das mag aber durchaus an mir liegen. ;-)

Antwort Zitieren Bearbeiten Löschen Beitrag melden
Norbert #7975983
Lesenswert?
• ▲
▼

Hmmm schrieb:

Brutales Beispiel

Danke! Hat leider bei der Vertikalen nichts bewirkt. Aaaaaber…

1
 
.tabbrowser-tab { background-color: rgb(220, 220, 220) !important; }

hilft zumindest schon mal. Nichts für's MoMA, aber immerhin…

Mein initialer Fehler war, dass ich auf die Examples Datei vertraut hatte. In der war allerdings ›.tabbrowser-tabs‹ aufgeführt. (tabs->tab)

Nochmal Danke für den Denkanstoß.

Edith

1
 
.tabbrowser-tab { background-color: rgb(220, 220, 220) !important; }

2
 
.tabbrowser-tab[selected] { background-color: rgb(200,200,200) !important; }
Angehängte Dateien:
: Bearbeitet durch User
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Norbert #7976458
Lesenswert?
• ▲
▼

Interessiert vermutlich niemanden, aber ich hab's noch etwas verfeinert. Manche Webseiten schicken Icons (evtl. mit Alpha), bei denen der Aktiv/Inaktiv Zustand nicht gut sichtbar ist. Deshalb ist der aktive Tab nun etwas dunkler und mit einem Strich am rechten Rand versehen. Alle Farben können bei Bedarf noch an das jeweilige Thema angepasst werden. Außerdem ist die Icon Darsteller etwas kompakter.

1
 
.tabbrowser-tab {

2
 
        background-color: #e0e0e0 !important;

3
 
        margin: 0px !important;                         /* Ränder weg */

4
 
        padding: 0px !important;                        /* Ränder weg */

5
 
}

6
 
.tabbrowser-tab[selected]  { 

7
 
        background-color: #c8c8c8 !important;           /* Etwas dunklerer Hintergrund */

8
 
        border-right: 3px solid #000080 !important;     /* Linie rechts bei aktivem Tab */

9
 
}
Angehängte Dateien:
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Thread beobachten

Antwort schreiben

Bitte melde dich an, um einen Beitrag zu schreiben.

Bestehender Account

oder

Mit Google-Account einloggen

Noch kein Account?

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren