FF 101. Rahmenfarbe inaktive Tabs ändern?

[Hareras]

Hallo,

wie kann man die Rahmenfarbe der inaktiven Tabs im FF bzw. .css ändern?

Momenatan sieht es so aus:

Und so möchte ich es haben. Farbe und Stärke des Rahmens muss ich wohl dann zusätzlich einstellen -wichtig ist erstmal der Code.

 

[2002Andreas]

die Rahmenfarbe der inaktiven Tabs

Teste bitte mal:

.tabbrowser-tab:not([visuallyselected]) {
  border: 3px solid gray !important;
}

Ergänzung (6. Juni 2022)

Oder mit kleinem Abstand:

.tabbrowser-tab:not([visuallyselected]) > .tab-stack {
  border: 3px solid gray !important;
}

 

[Hareras]

Hallo @2002Andreas,

die Höhe sieht leider unnatürlich aus im Vergleich zum aktiven Tab. Das untere Ende der inaktiven Tabs sollte auch nicht bündig sein, sondern wie bei bei aktiven Tab 1px oder so Abstand (alias schwebend) sein.

Hier ein Bild mit dem kLeinen Abstand:

 

[Yuuri]

https://color.firefox.com/ ist auch ne Option.

 

[Hareras]

https://color.firefox.com/ ist auch ne Option.

Kenne ich, nutze ich -aber wie ich genau DAS umstelle, bin ich nicht dahinter gekommen...

 

[2002Andreas]

die Höhe

Neuer Versuch:

.tabbrowser-tab:not([visuallyselected]) .tab-background {
  border: 3px solid gray !important;
}

 

[Hareras]

Die Linienstärke habe ich auf 1px runtergedreht, sieht schon mal besser aus. Aber jetzt sieht man umso mehr, dass die Ecken "eckig" sind und nicht gerundet wie beim aktiven Tab und ma sieht eben so, dass der Rahmen größer ist als beim aktiven Tab.

Sinn der ganzen Aktion soll ein dezenter Rahmen sein, der die inaktiven Tabs (von der Größe her) nicht verändert.

 

[2002Andreas]

dass die Ecken "eckig" sind und nicht gerundet

.tabbrowser-tab:not([visuallyselected]) .tab-background {
  border: 1px solid gray !important;
  border-radius: 4px !important;
}

 

[Hareras]

Neuer Versuch:

Ja, das sieht schon viel besser aus! Jetzt noch das untere Ende ein bissl höher, damit es bündig mit dem aktiven Tab-Ende ist. Ginge das?

P.S. Linienstärke habe ich gleich auf 1px umgestellt.

 

[2002Andreas]

damit es bündig

.tabbrowser-tab:not([visuallyselected]) .tab-background {
  border: 1px solid gray !important;
  border-radius: 6px !important;
  margin-bottom: 4px !important;
}

 

[Hareras]

.tabbrowser-tab:not([visuallyselected]) .tab-background {
  border: 1px solid gray !important;
  border-radius: 6px !important;
  margin-bottom: 4px !important;
}

Anhang anzeigen 1225361

Uiiii, perfekt! @2002Andreas, du bist ein Schatz im www !!!!

 

[2002Andreas]

du bist ein Schatz im www !!!!

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

 

[Hareras]

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Sehr lieb von dir!