Farbmarkierung für Tabs

lenny2

Wenn Sie viele tabs geöffnet haben, gibt es immer eine oder mehrere tabs, zu denen Sie zurückkehren möchten, um sie genauer zu lesen. Die Idee ist, dass Sie einer tab über das Kontextmenü der tab oder toolbar-button schnell eine farbige tag zuweisen können, die den Hintergrund der tab in einer anderen Farbe als der im Thema eingestellten Standardfarbe darstellt. Und die zugewiesene tag entfernen, obwohl das nicht nötig ist, denn wenn die tab geschlossen wird, verschwindet die tag ohnehin.

CSS oder Script.

Sören Hentzschel

Hallo,

du könntest Tab-Umgebungen nutzen, entweder über eine Erweiterung oder indem du privacy.userContext.enabled über about:config auf true stellst. Die Tab-Umgebungen zeigen eine farbige Linie oberhalb der Tabs.

Im Menü, welches du über das Pfeilsystem am Ende der Tableiste erreichst und welches alle Tabs anzeigt, siehst du ebenfalls die entsprechend farbige Linie der Tab-Umgebung, wenn du Firefox 116 oder höher nutzt. Das ist in Firefox ESR 115 nicht möglich.

lenny2

Zitat von Sören Hentzschel

du könntest Tab-Umgebungen nutzen, entweder über eine Erweiterung oder indem du privacy.userContext.enabled über about:config auf true stellst. Die Tab-Umgebungen zeigen eine farbige Linie oberhalb der Tabs.

Im Menü, welches du über das Pfeilsystem am Ende der Tableiste erreichst und welches alle Tabs anzeigt, siehst du ebenfalls die entsprechend farbige Linie der Tab-Umgebung, wenn du Firefox 116 oder höher nutzt. Das ist in Firefox ESR 115 nicht möglich.

Danke, sehr interessant. Schade, dass diese add-on bereits tot ist.

Und natürlich werde ich v116 versuchen.

Mira_Belle

lenny2

Tab Colors – Get this Extension for 🦊 Firefox (en-US)

Download Tab Colors for Firefox. Selects a random color for each tab and displays the color while the tab is active. You can customize the colors to your…

addons.mozilla.org

Sören Hentzschel

Nach meinem Verständnis der Frage bedient diese Erweiterung einen anderen Anwendungsfall, weil diese nur den aktiven Tab und die dazugehörige Toolbar einfärbt. Aber alle anderen Tabs bekommen keine Farbe. Man sieht also nicht auf einen Blick, welche Tabs zusammen gehören.

lenny2

@Mira_Belle

Diese add-on weist dem Browser und den tab nach dem Zufallsprinzip ein Thema zu; sie dient nicht dazu, sich auf eine tab zu konzentrieren.

@Sören Hentzschel

v116.0.8beta. Das Konzept ist nicht schlecht. Wie kann man die farbigen Schilder besser sichtbar machen, breiter?

2002Andreas

Zitat von lenny2

die farbigen Schilder besser sichtbar machen, breiter?

Meinst du das so?

Wenn ja, dann teste bitte, den Wert anpassen.

CSS

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    min-height: 20px !important;
}

omar1979

Habe zwar nicht alles gelesen, aber evtl. wär das auch was.

Firefox Color – Holen Sie sich diese Erweiterung für 🦊 Firefox (de)

Laden Sie Firefox Color für Firefox herunter. Build, save and share beautiful Firefox themes.

addons.mozilla.org

Sören Hentzschel

Firefox Color hilft nur beim Erstellen von Themes. Damit können die Tabs nicht individuell eingefärbt werden.

2002Andreas

Zitat von lenny2

besser sichtbar machen

Und so, damit der aktive Tab dann besser erkennbar ist:

CSS

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    min-height: 10px !important;
}

.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  background: green!important;
 }

.tabbrowser-tab[visuallyselected="true"] >.tab-stack {
  color: white !important;
}

Alles anzeigen

lenny2

Zitat von 2002Andreas
CSS
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    min-height: 20px !important;
}
Kann die Zeile an der Breite des Tabs ausgerichtet werden?

2002Andreas

Zitat

Kann die Zeile an der Breite des Tabs ausgerichtet werden?

Die Werte wenn dann wieder anpassen:

CSS

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  min-height: 10px !important;
  margin-left: -1px !important;
  margin-right: -1px !important;
  border-top-right-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  background: green!important;
 }

.tabbrowser-tab[visuallyselected="true"] >.tab-stack {
  color: white !important;
}

Alles anzeigen

lenny2

Zitat von 2002Andreas

Und so, damit der aktive Tab dann besser erkennbar ist:

Bei diesem Code wird die Farbmarkierung einem domain und nicht einem einzelnen Tab zugewiesen.

2002Andreas

Zitat von lenny2

wird die Farbmarkierung einem domain

Der Tab mit dem grünen Hg ist der aktive Tab.

Egal mit welcher Domain.

lenny2

Zitat von lenny2

Bei diesem Code wird die Farbmarkierung einem domain

Ich habe gemerkt, dass ich vorschnell zu diesem Schluss gekommen bin, ich bin einfach noch nicht an die Logik der Arbeit gewöhnt.

Zitat von 2002Andreas

Die Werte wenn dann wieder anpassen:

Scheint eine gute Option zu sein, genau richtig für den Proton-Stil. Wenn ich zum klassischen Look wechsle, werde ich einfach einen 0px-Radius setzen. Danke

2002Andreas

Zitat von lenny2

dass ich vorschnell zu diesem Schluss gekommen bin,

Alles ist gut

Zitat von lenny2

genau richtig für den Proton-Stil.

Freut mich wenn du zufrieden bist.

lenny2

Danke, wunderbar

2002Andreas

Zitat von lenny2

Danke, wunderbar

So sollte es ja auch sein

lenny2

Die Farbe des Textes "Open in New Container Tab" im Kontextmenü der Favoriten kann nicht geändert werden.

CSS

#placesContext_open:newcontainertab {
color: orange !important;
}

2002Andreas

Zitat von lenny2

kann nicht geändert werden.

Dein Code enthält einen Fehler.

CSS

#placesContext_open\:newcontainertab {
  color: orange !important;
}