dass ich die Farbe auf weis geändert hatte.
Wie bzw. womit denn?
Für jemanden mit 129 Beiträgen, die sich mehr statt weniger um irgendwelche Anpassungen kümmert, ist das echt mau. Such bitte das CSS und präsentiere es uns.
dass ich die Farbe auf weis geändert hatte.
Wie bzw. womit denn?
Sorry, hatte den Code vergessen.
Das ist mein Code für die Lesezeichenleiste.
/********************* Lesezeichenleiste********************************************/
/*Symbole in Lesezeichenleiste Farbe ändern*/
#PersonalToolbar .toolbarbutton-1 {
fill: white !important;
}
#PersonalToolbar .toolbarbutton-1:hover {
background-color: #2B2C86 !important;
}
/*Hintergrundfarbe*/
#PersonalToolbar{
background:#00016E !important} /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/
/*Schriftfarbe*/
#PersonalToolbar .bookmark-item{color:white !important}
/*Trennstriche in Lesezeichenleiste*/
#PlacesToolbarItems > toolbarseparator {
margin: 0;
padding-inline: 4px;
appearance: none;
color: white;
}
/*Schriftfarbe der Lesezeichen im drop-down-menü*/
#PlacesToolbar menuitem, #PlacesToolbar menu, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
color: white !important;
}
#PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
color: black !important;
}
/*hover-Farbe ändern*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover, #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
background-color: #2b2c86 !important;
}
/*Hintergrundfarbe beim anklicken*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active), #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover:active, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover:active, toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), toolbarbutton.bookmark-item[open="true"], toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-badge-stack {
background-color: #8888B3 !important;
color: inherit;
}
/********************* Lesezeichensidebar********************************************/
/*Schriftfarbe (color) und Hintergrundfarbe (background)*/
#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-label,#sidebar-search-container,#placesList > treechildren {
color: white !important;
background:#00016E !important; }Das ist mein Code für die Lesezeichenleiste.
Teste bitte mal:
/********************* Lesezeichenleiste********************************************/
/*Symbole in Lesezeichenleiste Farbe ändern*/
#PersonalToolbar .toolbarbutton-icon {
fill: white !important;
}
#PersonalToolbar .toolbarbutton-1:hover {
background-color: #2B2C86 !important;
}
/*Hintergrundfarbe*/
#PersonalToolbar{
background:#00016E !important} /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/
/*Schriftfarbe*/
#PersonalToolbar .bookmark-item{color:white !important}
/*Trennstriche in Lesezeichenleiste*/
#PlacesToolbarItems > toolbarseparator {
margin: 0;
padding-inline: 4px;
appearance: none;
color: white;
}
/*Schriftfarbe der Lesezeichen im drop-down-menü*/
#PlacesToolbar menuitem, #PlacesToolbar menu, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
color: white !important;
}
#PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
color: black !important;
}
/*hover-Farbe ändern*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover, #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
background-color: #2b2c86 !important;
}
/*Hintergrundfarbe beim anklicken*/
#PersonalToolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active), #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover:active, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover:active, toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), toolbarbutton.bookmark-item[open="true"], toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-badge-stack {
background-color: #8888B3 !important;
color: inherit;
}
/********************* Lesezeichensidebar********************************************/
/*Schriftfarbe (color) und Hintergrundfarbe (background)*/
#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-label,#sidebar-search-container,#placesList > treechildren {
color: white !important;
background:#00016E !important; }Das ist mein Code für die Lesezeichenleiste.
Teste bitte mal:
CSS/********************* Lesezeichenleiste********************************************/ /*Symbole in Lesezeichenleiste Farbe ändern*/ #PersonalToolbar .toolbarbutton-icon { fill: white !important; } #PersonalToolbar .toolbarbutton-1:hover { background-color: #2B2C86 !important; } /*Hintergrundfarbe*/ #PersonalToolbar{ background:#00016E !important} /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/ /*Schriftfarbe*/ #PersonalToolbar .bookmark-item{color:white !important} /*Trennstriche in Lesezeichenleiste*/ #PlacesToolbarItems > toolbarseparator { margin: 0; padding-inline: 4px; appearance: none; color: white; } /*Schriftfarbe der Lesezeichen im drop-down-menü*/ #PlacesToolbar menuitem, #PlacesToolbar menu, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 { color: white !important; } #PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover, .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 { color: black !important; } /*hover-Farbe ändern*/ #PersonalToolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover, #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-badge-stack { background-color: #2b2c86 !important; } /*Hintergrundfarbe beim anklicken*/ #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active), #tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover:active, #tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover:active, toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), toolbarbutton.bookmark-item[open="true"], toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-badge-stack { background-color: #8888B3 !important; color: inherit; } /********************* Lesezeichensidebar********************************************/ /*Schriftfarbe (color) und Hintergrundfarbe (background)*/ #bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren, #sidebar-search-label,#sidebar-search-container,#placesList > treechildren { color: white !important; background:#00016E !important; }
Danke, funktioniert wie gewünscht.
Danke, funktioniert wie gewünscht.
Freut mich wenn ich dir damit helfen konnte, war gern geschehen 
... , funktioniert wie gewünscht.
Den Code würde ich bei Gelegenheit mal überdenken; der ist überladen und unnötig komplex, macht teilweise gar nix oder ist schlicht falsch, und adaptiert sich nicht sauber für viele Themes.
Teste bitte mal:
Code....
Hilfreicher wäre es generell schon, die Lösung auch einfach mit dazu zu anzugeben und kurz tz beschreiben, dann haben auch noch andere was davon.
Den gesamten Codeschlamassel sollte wohl keiner übernehmen.
... , funktioniert wie gewünscht.
Den Code würde ich bei Gelegenheit mal überdenken; der ist überladen und unnötig komplex, macht teilweise gar nix oder ist schlicht falsch, und adaptiert sich nicht sauber für viele Themes.
Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist? Ich habe mir das nur so zusammengebastelt, dass das Design im Standardmodus, wenn ich den FF öffne, passt und ich weiß, wo was steht, falls durch ein Update wieder was geändert wird. Mehr Ahnung habe ich davon nicht.
Hilfreicher wäre es generell schon
Änderungen:
Ansonsten sollte man die letzte Sequenz abtrennen.
Was ich selbst immer noch beachte, wäre
nicht
bla {
}sondern
bla
{
}Was den Inhalt angeht, es ist dokumentiert. Leider kommt mein Blumentals 2020 nicht mit :not und :is klar.
Lediglich die Frage, warum alles darin als [] steht, aber :active nicht als [active]
Von Syntax gab es nichts zu bemängeln, Tags waren sortiert (nur überflogen) vor der Definition. Solange es so aussieht, ist es vorbildlich, von mir nicht wirklich was zu kritisieren. Man kann aber auch wirklich pingelig sein 
(und ich bin schon pingelig)
In den Zeilen 32 und 36 sehe ich Selektoren zu den beiden Scrollbuttons (scrollbutton-up und scrollbutton-down). Diese weisen das Pseudoelement ::part auf. Wenn sich das noch nicht geändert hat, müssten die entsprechenden Regeln in die einst von BrokenHeart „erfundene“ userChromeShadow.css und zur Ausführung war dann die userChromeShadow.uc.js nötig. In der userChromeShadow.css steht Code zu den beiden Scrollbuttons sogar im Standardkommentar.
Was ich selbst immer noch beachte, wäre
nicht
CSSbla { }sondern
CSSbla { }
Kann man natürlich machen, in CSS ist diese Art der Klammersetzung aber doch sehr unüblich. Aber solange der Inhalt dazwischen eingerückt ist. Das ist nämlich das wirklich Wichtige für die Lesbarkeit. Und das bitte konsistent, nicht mal mit einem Leerzeichen, mal mit zwei, mal mit vier, mal gar nicht. Und auch nicht bei @-moz-document vergessen, dass der Inhalt dazwischen genauso eingerückt gehört. Erstaunlicherweise wird das in diesem Forum häufig ignoriert, obwohl das CSS ansonsten durchaus eingerückt wird. Das ergibt so gar keinen Sinn.
Leider kommt mein Blumentals 2020 nicht mit :not und :is klar.
Von dem Programm habe ich noch nie gehört, aber Blumentals-Software scheint Geld zu kosten und dafür Geld zu verlangen ist schon unverschämt: Bereits der Internet Explorer 9 vor mehr als 13 Jahren konnte :not(). Das ist grundlegendes CSS. Auch :is() sollte jeder CSS-Editor seit vier Jahren kennen. Durch die Jahreszahl 2020 ließe sich dem Entwickler sogar bewusste Irreführung unterstellen, wenn das Programm wirklich so heißt, denn die Jahreszahl impliziert, dass das Programm damit umgehen könnte.
Lediglich die Frage, warum alles darin als [] steht, aber :active nicht als [active]
Mit : starten Pseudoklassen, [] ist ein Attributselektor. Man kann sich nicht aussuchen, was man verwendet, das sind unterschiedliche Dinge.
Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist?
Da würde ich gerne helfen, weiss aber nicht was dein Code genau machen soll.
Wenn ich den bei mir reinstelle, macht farblich kaum was Sinn, auch bei verschiedenen Themes.
Man müsste noch wissen welches Theme du benutzt, ob noch anderen CSS Code, oder evtl. Erweiterungen wie Firefox Color.
Den ::part Part hat Milupo ja schon erwähnt.
Aber wenn's jetzt wieder klappt, dann ist ja gut.
Exkurs:
Von dem Programm habe ich noch nie gehört, aber Blumentals-Software scheint Geld zu kosten und dafür Geld zu verlangen ist schon unverschämt
Es ist teuer. Allerdings konnte ich mit Rabatt die Ausgabe 2020 ergattern, die ist tecnisch von 2019. Aktuell ist v2025, so mit KI und tralala. Ein Update hat damals schon 50+Märchensteuer gekostet - und da die v2022 auch kein not und is konnte, hab ich mir das Geld gespart. Um meinem CSS Struktur zu geben, sprich: zusammenfassen, Fehler zu finden - alles vor Stylish/Stylus, hatte ich CSE Validator, Topstyle, und dann eben RapidCSS. CSE wurde verkauft und eingestellt, TopStyle wurde verkauft und eingestellt, und stürzt seit längerer Zeit grundlos ab, es ist technisch eben veraltet. Momentan weiss ich sonst kein Programm, was mir auf die gewünschte Weise weiterhelfen könnte. Es geht konkret immer um Konsolidierung, Korrektur, Orphans. VSC steht noch aus als Test.
PS v2025 kennt zwar inzwischen NOT und IS, es wird nicht mehr abgebrochen beim Formatieren, dafür immer noch (nach 5 Jahren)
#PersonalToolbar .toolbarbutton-icon CSS Actual does not support property "fill"
#PlacesToolbarItems > toolbarseparator "none" is not a valid value for "appearance"
Nur offline getestet, da Testversion.
Die Pseudoklasse :is wird seit Firefox 78 (Juni 2020) unterstützt und ersetzte :-moz-any. Die Pseudoklasse :not gibt es schon viel länger, aber erst ab Firefox 84 (Dezember 2020) kann sie mehrere Argumente annehmen. Vorher musste man mehrere :not verschachteln.
Danke, ich teste gerade VSC (aus dem ZIP)
Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist?
Wenn ich den bei mir reinstelle, macht farblich kaum was Sinn, auch bei verschiedenen Themes.
Man müsste noch wissen welches Theme du benutzt, ob noch anderen CSS Code, oder evtl. Erweiterungen wie Firefox Color.
Ich habe das Standard-Theme laufen. Da ich eigendlich alles angepasst habe, hat sich auch jede Menge Code angesammelt. Das war irgendwann in einer Datei einfach nicht mehr übersichtlich, daher habe ich nach Bereichen getrennte einzelne Dateien per @import in die UserChrome.css gezogen. Der Übersicht halber habe ich oben nur den Code für die hier relevante Lesezeichenleiste eingestellt. Daher macht die Farbgebung von nur dem geposteten Code tatsächlich keinen Sinn.
Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist?
.... Der Übersicht halber habe ich oben nur den Code für die hier relevante Lesezeichenleiste eingestellt. Daher macht die Farbgebung von nur dem geposteten Code tatsächlich keinen Sinn.
Dann gibt's dazu nichts weiter zu sagen von meiner Seite - ohne Code kein Brot! (ahem; reimt sich aber )
Anscheinend haben sich ein paar Properties geändert für die Bookmark Icons, der Code von weiter oben sollte eine Weile halten.
