Aktiver Tab mit farbigem Rahmen

Guten Abend zusammen!

Ich hätte gerne den aktiven Tab mit einem farbigen Unterstrich als Markierung, also so wie auf meinem screenshot die Tabs die Markierung oben haben. Gerne hätte ich dieselbe Farbe wie beim Rahmen der Adressleiste, wobei ich nicht weiß, woher die Farbe gezogen wird. (ist aber zweitrangig)

Per Suche hab ich nichts gefunden, beim angepinnten Beitrag von Andreas bin ich auch nicht fündig geworden. Danke schon mal.

Zitat von 2002Andreas

Zitat von KurtK.

Ich hätte gerne den aktiven Tab

Meinst du das so?

Wenn ja, dann teste bitte:

...

Ja, dank Dir, genau so meinte ich das.

Aber: Entweder mach ich etwas falsch oder Deine beiden codes funktionieren nicht.

Msfreak

Danke für die Anregung. Den Oberstrich (border-top) macht die app "Firefox Multi-Account Containers". Angeleuchtet werden also nicht die inaktiven Tabs, sondern alle abhängig von der Containerzugehörigkeit.

Allerdings hatte ich, einige Versionen von FF früher, diese beiden Funktions-Rahmen gleichzeitig beim aktiven Tab. Damals waren die Container-Rahmen unten und der Rahmen des aktiven Tabs unten, wenn ich mich recht entsinne.

Mein Theme heißt Dunkel und soll von Haus aus den oberen Rahmen beim aktiven Tab anleuchten. Dann kommen sich die Container-App und das Theme bzw. jetzt die userchrome.css in die Quere?

Wenn man die Einstellung der Container-app wieder nach unten korrigieren könnte, wäre vielleicht alles wieder in Ordnung. Oder halt die Einstellung des Themes Dunkel nach unten.

Kann man sowas?

Zur Sicherheit hier noch meine userchrome.css:

CSS

#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}

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

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

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

menupopup > menuitem,
menupopup > menu {
  padding-block: 1px !important;
  padding-inline-start: 14px !important;
  font-size: 12,9px !important;    
}

.context-menu-add-engine,
.menuseparator-add-engine{
  display: none !important;
}


Weniger anzeigen
}

.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  border-bottom:  rgb(84, 255, 189) 2px solid !important;
  border-radius: 0 !important;
}

Zitat von 2002Andreas

Zitat von KurtK.

oder Deine beiden codes funktionieren nicht.

Mehrere Container Tabs geöffnet.

Bei dem gerade aktiven Tab ist mit meinem Code der Strich unten. Bei den anderen Tabs ist er oben.

Der ganz linke Tab ist ein (normal) geöffneter Tab, und hat inaktiv darum keinen Strich.

Ist er aktiv sieht es so aus:

Alles anzeigen

Sorry, ich hätte natürlich schreiben sollen, dass die codes bei mir nicht funktionieren.

Das sieht doch gut aus bei Dir. Das möchte ich auch. Warum funktioniert das denn nicht bei mir?

Zitat von 2002Andreas

Zitat von KurtK.

Wenn man die Einstellung der Container-app wieder nach unten korrigieren könnte

Du meinst die Leiste nach unten im Tab?

Ja, wobei mir das letztlich egal ist, wo die "Aktiv-Linie" ist und wo die Container-Linie.

Ich hatte gestern noch verschiedene Alternativen ausprobiert. Zum Beispiel habe ich beide Container-apps (auch die FB) deaktiviert und hätte dann erwartet, dass mein Theme die blaue "Aktiv-Linie" wieder zeigt. Tut sie aber nicht.

Alle anderen mit dem FF mitgelieferten Themes, welche den Oberstrich für Aktiv zeigen sollen, funktionieren diesbezüglich auch nicht.

Die von privat zu ladenden Themes, welche meist mit Kasten für Aktiv kommen, hingegen schon, sogar mit der Container-app.

Soweit das Problem, wie ich es verstehe.

Jetzt versuche ich mal Deinen neue Code.

Zitat von 2002Andreas

Zitat von KurtK.

Warum funktioniert das denn nicht bei mir?

Poste bitte mal den kompl. Inhalt deiner userChrome.css ins nächste Antwortfenster.

Funktionieren denn andere CSS Codes bei dir?

Hatte ich doch oben schon. Ob die dort abgebildeten CSS Codes funktionieren, weiß ich gerade nicht.

Ja, das stimmt, ich war nur gerade überfordert. Hatte mal nacheinander alle meine Erweiterungen deaktiviert, weil auch Deine Linie-unten für Container-Code hier keine Änderung zeigte.

Heee! Wie hieß es so schön: Alter Mann ist doch kein D-Zug.

DOCH!!!

Danke für Deine Unterstützung und Deine Geduld!

Was hatte ich denn für einen Fehler im Code?

Kann ich die AKTIV-Farbe ändern? Ich brauche da evtl. eine von den Container-Farben unterschiedliche Farbe.

Nachtrag: Ok, ich habe gerade einen CSS-Farbrechner gefunden. Mal schauen, ob das klappt....

Und woran lag es jetzt, dass der Code vorher nicht angenommen wurde?

Ich bin jetzt jedenfalls sehr zufrieden.