Hallo zusammen,
ich benutze das Theme Strange Blue und suche einen userchrome.css-Code, um die Adressleiste anzupassen bzw. ihre Farbe zu invertieren.
SIe soll ähnlich wie mit dem dunklen Standard-Theme aussehen, heller Text und Symbole auf dunklem Hintergrund.
.urlbar-input-container {
color: red; /* Schriftfarbe */
background-color: lime; /* Hintergrundfarbe */
}Alles benutzen oder auch nicht,
und Farben eigenen Vorstellungen anpassen.
Danke Mira_Belle
Ich habe die Farbe an das Theme angepasst und es gefällt mir jetzt besser
Die Dropdown-Liste (wenn die Adressleiste nach unten ausfährt) ist aber noch weiß mit schwarzem Text.
Wie kann ich das auch ändern?
Außerdem soll die Größe der Adressleiste gleich bleiben. Derzeit vergrößert sie sich ein paar Pixel nach oben und unten, wenn die Dropdown-Liste ausfährt:
Kann man die Farbe der LInks (derzeit blau) in der Liste auch ändern?
Danke!
Kann man die Farbe der LInks (derzeit blau)
Teste bitte:
.urlbarView-results[wrap] > .urlbarView-row {
&[has-url] > .urlbarView-row-inner > .urlbarView-url, &[has-explanation] > .urlbarView-row-inner > .urlbarView-explanation {
color: orange !important;
}
}
.urlbar[breakout][breakout-extend] {
& > .urlbar-background {
@media (prefers-reduced-motion: no-preference) {
[breakout-extend-animate] > & {
background-color: grey !important;
}
}
}
#urlbarView-row-88:before,
.urlbarView-title {
color: white !important;
}die Links weiterhin blau.
Und damit?
[data-l10n-id="urlbar-group-firefox-suggest"]:before,
.urlbarView-title {
color: white !important;
}
.urlbar-background {
background-color: grey !important;
}
#urlbar-input {
color: white !important;
}
.urlbarView-results[wrap] > .urlbarView-row {
&[has-url] > .urlbarView-row-inner > .urlbarView-url, &[has-explanation] > .urlbarView-row-inner > .urlbarView-explanation {
color: orange !important;
}
}
.urlbar[breakout][breakout-extend] {
& > .urlbar-background {
@media (prefers-reduced-motion: no-preference) {
[breakout-extend-animate] > & {
background-color: grey !important;
}
}
}.urlbar-input-container {
color: red !important; /* Schriftfarbe */
background-color: lime !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner:hover{
color: magenta !important; /* Schriftfarbe */
background-color: lime !important; /* Hintergrundfarbe */
}
.urlbar-background {
background-color: blue !important; /* Hintergrundfarbe */
border: 1px solid yellow !important; /* Wichtig, sonst bleibt da ein Rand */
}
/* Markierter Text */
::selection {
color: blue !important;
background-color: orangered !important; /* käftiges Orange */
}Das sollte es gewesen sein.
Apropos Rand, den am besten in der gleichen Farbe wie der Hintergrund.
Sieht einfach schöner aus, finde ich.
Und um den ganzen Krempel kann man auch noch "Border" machen, wenn man will.
Ausprobieren. 
Es gehen Pünktchen, Gestrichelt, durchgezogene Linien und noch so einiges mehr.
