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?
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.
Ich habe die Farben im Code angepasst:
.urlbar-input-container {
color: white !important; /* Schriftfarbe */
background-color: #58687F !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner:hover{
color: white !important; /* Schriftfarbe */
background-color: gray !important; /* Hintergrundfarbe */
}
.urlbar-background {
background-color: #58687F !important; /* Hintergrundfarbe */
border: 1px #58687F !important; /* Wichtig, sonst bleibt da ein Rand */
}
/* Markierter Text */
::selection {
color: magenta !important;
background-color: white !important;
}Aber irgendwo hakt es noch. Der Text in der Liste bleibt schwarz:
Aber irgendwo hakt es noch. Der Text in der Liste bleibt schwarz:
Dafür → .urlbarView-row-inner:hover fehlt noch das Gegenstück ohne :hover.
Der Text in der Liste bleibt schwarz:
Teste bitte:
.urlbarView-title {
color: yellow !important;
}
.urlbarView-row[label] {
&::before {
color: white !important;
}
}Dieser Code:
/* Markierter Text */
::selection {
color: magenta !important;
background-color: white !important;
}funktioniert nur noch per Shadow.css
Danke, ich habe es jetzt mit diesem Code hinbekommen:
.urlbar-input-container {
color: white !important; /* Schriftfarbe */
background-color: #58687F !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner{
color: white !important; /* Schriftfarbe */
background-color: #58687F !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner:hover{
color: white !important; /* Schriftfarbe */
background-color: #9BA4B2 !important; /* Hintergrundfarbe */
}
.urlbar-background {
background-color: #58687F !important; /* Hintergrundfarbe */
}Mit oder ohne diesen Teil sehe ich keinen Unterschied Mira_Belle :
CSSborder: 1px solid yellow !important; /* Wichtig, sonst bleibt da ein Rand */
sehe ich keinen Unterschied
Ich habe den Wert zwecks Test mal auf 10px erhöht:
Kann man das auf 0px stellen?
Klar, aber dann kannst du den Codeteil auch gleich entfernen
Okay, ich brauche doch nochmal eure Hilfe.
Ich würde gerne die Farbe der Links in der Liste der Adressleiste ändern:
Wenn ich in der Adressleiste etwas eintippe und dann mit den Pfeiltasten der Tastatur einen Eintrag auswähle, fehlt mir die Hervorhebung der ausgewählten Zeile. Ohne den Eintrag in der userchrome.css ist die Zeile blau markiert:
Mit dem Eintrag ist nur das Ende der mit den Pfeiltasten ausgewählten Zeile blau:
Hier nochmal der Übersicht halber der benutzte Code für die Adressleiste:
.urlbar-input-container {
color: white !important; /* Schriftfarbe */
background-color: #58687F !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner{
color: white !important; /* Schriftfarbe */
background-color: #58687F !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner:hover{
color: white !important; /* Schriftfarbe */
background-color: #9BA4B2 !important; /* Hintergrundfarbe */
}
.urlbar-background {
background-color: #58687F !important; /* Hintergrundfarbe */
}doch nochmal eure Hilfe.
Teste bitte:
.urlbarView-url {
color: white !important;
}
.urlbarView-title {
color: lightgreen !important;
}
.urlbar-input-container {
color: white !important; /* Schriftfarbe */
background-color: #58687F !important; /* Hintergrundfarbe */
}
.urlbarView-row-inner:hover{
color: white !important; /* Schriftfarbe */
background-color: #9BA4B2 !important; /* Hintergrundfarbe */
}
.urlbar-background {
background-color: #58687F !important; /* Hintergrundfarbe */
}Super, danke! Damit konnte ich den Text jetzt komplett weiß färben.
Nur der Strich zwischen Seitentitel und URL bleibt noch schwarz:
Hat jemand eine Idee?
Nur der Strich zwischen Seitentitel und URL bleibt noch schwarz:
Bei mir sieht das Standard so aus:
Womit/wie hast du die Url rechts daneben gemacht?
