Sooo, nun ist es hier perfekt. 😀
Vielen Dank für alles an dich und auch Mira_Belle !!! 
Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen
-
Skippy -
1. Oktober 2026 um 20:24 -
Erledigt
-
nun ist es hier perfekt.
so sollte es ja auch sein
Vielen Dank für alles
gern geschehen
-
Könnte funktionieren:
CSS
Alles anzeigen/*ladende Tabs*/ .tabbrowser-tab:is([pending],[progress],[busy]) > .tab-stack > .tab-background { background-color: gold !important; } /*aktiver Tab*/ .tabbrowser-tab[selected] > .tab-stack > .tab-background { outline: 2px solid green !important; } /*ausgewählte Tabs*/ .tabbrowser-tab[multiselected] > .tab-stack > .tab-background { outline: 2px solid blue !important; } -
Erst mal danke für die Antwort. Leider hat das aber nichts geändert.
Ich habe es danach auch mal mit Hexcodes als Farben probiert, damit ging es aber auch nicht.
Für heute muss ich nun erst mal Schluss machen.
Gutes Nächtle. -
Leider hat das aber nichts geändert.
Ups, meine Schuld, habe den obigen Beitrag geändert...
-
die Hintergrundfarbe bei "Tab neu laden" ändern und auch die bei "Tabs neu laden", wenn alle ausgewählt sind
Teste bitte mal:
CSS
Alles anzeigen#tabbrowser-tabs .tabbrowser-tab .tab-loading-burst[bursting] { fill: red !important; opacity: 1 !important; } #tabbrowser-tabs .tabbrowser-tab .tab-loading-burst[bursting]::before { background-color: red !important; opacity: 1 !important; } #tabbrowser-tabs .tabbrowser-tab .tab-throbber::before { fill: red !important; opacity: 1 !important; }Die Farben wenn dann anpassen
-
Das mit den Farben anpassen klappt nun recht gut. Ich spiele noch ein wenig herum, bis ich die für mich perfekten gefunden habe.
Gestern, als ich in der userChrome.css des PCs mit den Farben herumgespielt habe, hat es sich auf der Seite in diese Auswahlansicht umgeändert:
Wie ich das ausgelöst habe weiß ich nicht, aber es ist jedenfalls sehr hilfreich.
Bin nun gerade am Laptop und werkel an der userChrome.css herum, da bekomme ich diese Ansicht leider nicht hin.Beim Laptop habe ich die Rahmen um die Tabs von 1 auf 2 px breiter gemacht. An den Seiten und oben sind die Rahmen nun auch
2 px breit, aber unter bleibt es bei der 1 px-Stärke. Ich dachte zuerst, dass die Tableiste in der Höhe zu niedrig sei und habe die Höhe vergrößert. Der untere Tabrahmen bleibt aber weiterhin so dürre bei 1 px, obwohl nach unten hin aktuell 10 px freier Platz ist.
Was kann ich da nun noch probieren? -
Wie ich das ausgelöst habe weiß ich nicht, aber es ist jedenfalls sehr hilfreich.
Bin nun gerade am Laptop und werkel an der userChrome.css herum, da bekomme ich diese Ansicht leider nicht hin.Du hast in deinem Editor vermutlich auf das farbige Quadrat direkt neben der Farbangabe geklickt, welches ja auch optisch der Anker des Farbwähler-Overlays ist. So funktioniert das jedenfalls auch in anderen Editoren sowie auch in den Entwicklerwerkzeugen von Firefox.
-
unter bleibt es bei der 1 px-Stärke.
Meinst du das so?
Wenn ja, teste bitte:
CSS
Alles anzeigen/*ladende Tabs*/ .tabbrowser-tab:is([pending],[progress],[busy]) > .tab-stack > .tab-background { background-color: gold !important; } /*aktiver Tab*/ .tabbrowser-tab[selected] > .tab-stack > .tab-background { border: 5px solid green !important; } /*ausgewählte Tabs*/ .tabbrowser-tab[multiselected] > .tab-stack > .tab-background { border: 5px solid blue !important; } -
Das hilft nicht. Es bleibt dabei, dass der untere Rand der Tabs nur 1 px breit angezeigt wird.
Ich habe mal einen Screenshot beigefügt.
Der Freiraum in der Tableiste kann unter den Tabs 20 px hoch sein, so dass also genug Platz da ist, dass die unteren Tabränder 2 px oder gar dicker sein könnten.
-
Das hilft nicht. Es bleibt dabei
Das sieht auf meinem Screenshot aber anders aus, funkt dir da evtl. ein anderer Code dazwischen?
-
da muss ich mal gucken.
Poste doch bitte mal deinen kompl. genutzten Code zwecks Test.
-
Hier ist er:
Danke.
Teste bitte:
CSS
Alles anzeigen/* -------------------------------------------------------------------------------------------- */ /* ------------------------------------------ Tabs ------------------------------------------ */ /* -------------------------------------------------------------------------------------------- */ #tab-preview-panel { --panel-width: auto !important; } /* Höhe derTableiste */ #tabbrowser-tabs, #tabbrowser-arrowscrollbox, .tabbrowser-tabs .tabbrowser-tab { min-height: 48px !important; max-height: 48px !important; } /* Höhe der Tabs */ .tabbrowser-tab { min-height: 38px !important; max-height: 38px !important; margin-top: 2px !important; margin-bottom: 0 !important; } /* Rahmenfarbe und Stärke bei ausgewählten Tabs, wenn sie neu geladen werden sollen, und beim aktiven Tabs */ /*aktiver Tab*/ .tabbrowser-tab[selected] > .tab-stack > .tab-background { border: 5px solid green !important; } /*ausgewählte Tabs*/ .tabbrowser-tab[multiselected] > .tab-stack > .tab-background { border: 5px solid blue !important; } /* Farbverlauf von links nach rechts in einem oder allen Tabs wenn sie neu geladen werden */ #tabbrowser-tabs .tabbrowser-tab .tab-loading-burst[bursting] { fill: rgba(49, 197, 190, 0.164) !important; opacity: 1 !important; } /* Farbverlauf in der Tabzeile von oben nach unten */ #TabsToolbar { background: linear-gradient(to bottom, #CDDBE9, #E0EDF5 ) !important; } /* Entfernt in der Tabzeile rechts die Grafik für -Alle Tabs Auflisten- */ #alltabs-button { display: none !important; } /* Seitliche Abstände der Texte in Tab-Kontextmenüs */ menupopup#tabContextMenu menuitem, menupopup#tabContextMenu menu { padding-left: 10px !important; padding-right: 10px !important; } /* Entfernt den farbigen Rahmen um das Adressfeld bei neu geöffneten Tab-Seiten */ #urlbar { --toolbar-field-focus-border-color: transparent !important; } menuitem#context_selectAllTabs { -moz-box-ordinal-group: 1 !important; } /* Entfernt den Eintrag "Teilen" aus Tab-Kontextmenü */ menuitem[data-l10n-id="tab-context-share-url"] { display: none !important; } #context_moveTabToSplitView.badge-new::after { display: none !important; } /* ------------------------------------------------------------------------------------------------ */ /* --------------------- Abstände in den Lesezeichen-Menüs ---------------------- */ /* ----------------------------------------------------------------------------------------------- */ /* Abstand zwischen den Lesezeichen in der Lesezeichen-Symbolleiste */ /* Abstände Höhe (4px) und zu den Rändern (8px) der Einträge in Lesezeichen-Popups */ #PlacesToolbar .toolbar-menupopup :is(menuitem,menu) { padding: 4px 8px !important; } /* Hamburger-Menü Abstände, Abstände in der Höhe, muss identisch sein zum ersten Wert im Codeblock hier drüber (4px) */ #appMenu-mainView { --panel-menuitem-padding: 4px !important; } /* Höchstbreite des Lesezeichen-Popups (geöffneter Lesezeichen-Ordner) */ #PlacesToolbar .toolbar-menupopup { max-width: 315px !important; } /* -------------------------------------------------------------------------------- */ /* -------------------------------- Sonstiges --------------------------------- */ /* ------------------------------------------------------------------------------- */ /* Entfernt den farbigen Rahmen ums vorgeschlagene Auswahlfeld bei der Auswahl,ob eine Datei im Net nach dem Anklicken geöffnet oder runtergeladen werden soll, z.B. PDFs */ @-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml){ :root { --focus-outline-width: 0 !important; } } /* Abstände in Kontextmenüs / Rechtsklickmenüs (erscheinen, wenn Rechtsklick auf einen Link/verlinkte Grafik gemacht wird) */ menupopup > menu, menupopup > menuitem { padding-block: 2px !important; /* Abstand in der Höhe zwischen den Einträgen */ min-height: 18px !important; /* für was ? */ } /* Entfernt die farbigen Rahmen bei allen aktiven Eingabefeldern */ input:not([type="file"], [type="image"]):focus-visible, select:focus-visible, button:focus-visible, textarea:focus-visible { outline-style: none !important; }Hier habe ich u.a. die Höhe etwas verändert:
Und statt outline jetzt border genommen.
-
-
Das funktioniert so auch nicht mehr:
Wenn du den Eintrag ganz nach oben verschieben willst:
Dann:
CSSmenuitem#context_selectAllTabs { order: -1 !important; }Und das passt so auch nicht:
das menuitem vorne muss weg.
-
Auch das passt so nicht mehr:
Wenn dann:
CSS/* Entfernt den farbigen Rahmen um das Adressfeld bei neu geöffneten Tab-Seiten */ #urlbar { --toolbar-field-border-color-focus: transparent !important; }PS:
Fällt dir das gar nicht auf, wenn einzelne Codes nicht mehr funktionieren
