Kann es sein das es deswegen bei mir nicht klappt weil mein Tabs eckig sind?
#navigator-toolbox,
#PersonalToolbar {
background-color: #E4E4E4 !important;
}
:root {
--border-radius-xsmall: 0 !important;
--border-radius-small: 0 !important;
--border-radius-medium: 0 !important;
--border-radius-large: 0 !important;
--border-radius-xlarge: 0 !important;
--border-radius-circle: 0 !important;
}Den Teil musst du entweder entfernen:
oder da 8px einsetzen statt 0
Inzwischen habe ich den Firefox Nova fast so, wie ich ihn gerne hätte, aber leider nur fast.
Wie lässt sich die Farbe der Tab-Leiste von aktuell dunklerem Grau in ein helles Grau ändern?
Ich benutze bisher folgenden Code in der .css
#navigator-toolbox,
#PersonalToolbar {
background-color: #f9f9fb !important;
}
#tabbrowser-arrowscrollbox, #pinned-tabs-container {
background-color: lightgrey !important;
}
:root {
--border-radius-xsmall: 0 !important;
--border-radius-small: 0 !important;
--border-radius-medium: 0 !important;
--border-radius-large: 0 !important;
--border-radius-xlarge: 0 !important;
--border-radius-circle: 0 !important;
}
tab.tabbrowser-tab > stack > vbox {
--tab-border-color-accent: none !important;
}
tab.tabbrowser-tab[selected]:hover stack.tab-stack vbox.tab-background {
background-color: lightgrey !important;
}
:root {
--toolbar-field-border-color-focus: blue !important;
}Und damit?
CSS .tab-background { &:is([selected], [multiselected]) { outline-color: transparent !important; border: 2px solid #8F8F8F !important; }
Danke. Damit klappt es.
Das mit Proton habe ich mal installiert. Jetzt habe ich in der Urlbar einen grauen Hintergrund, den ich aber selber wieder auf weiß umstellen konnte. Bei der Searchbar klappt das nicht. Rot ja, Weiß will nicht, erst wenn ich rein klicke.
Kann man eigentlich dem Bereich wo die Urlbar, Searchbar und die Steuer-Symbole, App-Symbole sitzen eigentlich auch einen eigene Hintergrundfarbe setzen?
Wie lässt sich die Farbe der Tab-Leiste von aktuell dunklerem Grau in ein helles Grau ändern?
Ich nutze dies:
#TabsToolbar {
background-color: #D2D2D2 !important;
}auch einen eigene Hintergrundfarbe setzen?
Teste bitte:
#nav-bar {
background: lightgrey;
}
toolbar .toolbarbutton-1 {
fill: black !important;
}
Ich meine wirklich ein ganz helles Grau.
Such dir eines aus:
#f8f8fa
Pefekt! Besten Dank
Pefekt! Besten Dank
gerne wie immer
#f8f8fa
Wo soll das zu finden sein in
Wo bitte trage ich in dem Code von #43 dann die Farbe ein?
Grüße uwe51
Wo soll das zu finden sein in
Meinst du mich mit der Frage?
Auf der Seite gibt es doch reichlich Farbtöne.
Oder eben per Suchmaschine eine weitere Seite suchen
Ich möchte auch zum alten Design vor 157 zurück, aber da ich macOS habe werde ich eher verzichten, weil das wohl extrem kompliziert ist es anzupassen:
Wo soll das zu finden sein in
Nirgends auf der Seite. Die Seite zeigt dir ja auch nur eine kleine Auswahl an. Es gibt insgesamt 16.777.216 (256 Rot × 256 Blau × 256 Grün) verschiedene Hex-Codes für Farben. Nimmt man dann noch den Alpha-Kanal für Transparenz dazu, sind wir bei ca. 4,2 Milliarden Möglichkeiten. Die können ja nicht alle auf der Seite stehen …
Ich möchte auch zum alten Design vor 157 zurück, aber da ich macOS habe werde ich eher verzichten, weil das wohl extrem kompliziert ist es anzupassen:
Daran ist überhaupt nichts kompliziert und das funktioniert auf macOS komplett gleich wie auf Windows und Linux. Und wenn dir das trotzdem nicht zutraust, installiere dir ein Theme wie dieses hier:
vuelen Dank für deine Geduld und Expertise. Ich bin dennoch leider gescheitert, mein bisheriges Design unter Nova nachzubauen, was seit dem Update auf 157.0 leider nicht mehr funktioniert. Es hat mit den Farben nicht geklappt und jetzt funktionieren die Ecken auch nicht mehr.
Hier ein Screenshot (Collage) meines bisherigen Designs. Falls jemand mir helfen mag
auch einen eigene Hintergrundfarbe setzen?
Teste bitte:
CSS#nav-bar { background: lightgrey; } toolbar .toolbarbutton-1 { fill: black !important; }
Danke. Habe das eine noch um ein !important ergänzt.
Funktioniert, bis auf auf den Bereich der Searchbar.
In der Searchbar selbst wie kann man die Farbe anpassen, dass dieser immer weiß innen ist und nicht erst wenn man reinklickt?
Wo soll das zu finden sein in
Meinst du mich mit der Frage?
Auf der Seite gibt es doch reichlich Farbtöne.
Oder eben per Suchmaschine eine weitere Seite suchen
Nein, ich habe Dich nicht gemeint, sondern Mira_Belle
Von Dir wüsste ich nur gerne wo ich im Code, den ich in Antwort/Frage #43 gepostet habe, die Farbe, die ich mir ausgesucht habe, einsetzen soll.
Ich habe mir die Farbe #fcfcfc ausgesucht zum Testen.
uwe51
Dann ersetze lightgrey durch deinen Farbcode...
Ich habe mir die Farbe #fcfcfc ausgesucht zum Testen.
Teste bitte:
#navigator-toolbox,
#PersonalToolbar {
background-color: #f9f9fb !important;
}
#tabbrowser-arrowscrollbox, #pinned-tabs-container {
background-color: lightgrey !important;
}
:root {
--border-radius-xsmall: 0 !important;
--border-radius-small: 0 !important;
--border-radius-medium: 0 !important;
--border-radius-large: 0 !important;
--border-radius-xlarge: 0 !important;
--border-radius-circle: 0 !important;
}
tab.tabbrowser-tab > stack > vbox {
--tab-border-color-accent: none !important;
}
tab.tabbrowser-tab[selected]:hover stack.tab-stack vbox.tab-background {
background-color: lightgrey !important;
}
:root {
--toolbar-field-border-color-focus: blue !important;
}
#TabsToolbar {
background-color: #fcfcfc !important;
}In der Searchbar selbst wie kann man die Farbe anpassen
Teste bitte:
#searchbar-new.urlbar div.urlbar-background {
background-color: white !important;
}In der Searchbar selbst wie kann man die Farbe anpassen
Teste bitte:
CSS#searchbar-new.urlbar div.urlbar-background { background-color: white !important; }
Bleibt weiterhin grau innen. Erst wenn man reinklickt wird es weiß.
Aber dafür ist das im dem Bereich nun die selbe Hintergrundfarbe wie beim Rest der gesamten Navbar.
