Farbe von Adressleiste und Text ändern

Zitat von captain chaos

an dieser Stelle angezeigt.

Ok.

Teste bitte:

.urlbarView-title-separator {
  color: white !important;
}

oder auch:

 .urlbarView-title-separator {
    &::before {
      color: red !important;
   }
}

Nur mal so zur Erklärung:

Die Url steht rechts daneben, wenn die kleine Suchleiste deaktiviert/entfernt ist.

Edit:

Siehe Beitrag Nr. 25

Zitat von captain chaos

Auch mit aktivierter Suchleiste

Du hast recht, sorry war ein falscher Gedanke von mir.

Es ist abhängig von der Breite der Urlbar.

Wenn rechts daneben viele icons sind, dann ändert sich das.

Und so ohne Icons daneben:

Zitat von captain chaos

Nur der Strich zwischen Seitentitel und URL bleibt noch schwarz:

Teste bitte:

.urlbarView-row-inner .urlbarView-title-separator {
    color: #F20 !important;
}
.urlbarView-row-inner:hover .urlbarView-title-separator {
    color: #000 !important;
}

Zitat von captain chaos

quasi unsichtbar machen.

Damit ist er unsichtbar:

 .urlbarView-title-separator {
    &::before {
      visibility: hidden !important;
   }
}

Zitat von captain chaos

Kann jemand helfen?

Einfach die Farbe auf black ändern.

Oder:

#urlbar > div:nth-child(3) > div:nth-child(1){
	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 */  	
}

.urlbarView-url {
    color: #00CADB !important;				/* Schriftfarbe URLs in Liste */
}

.urlbarView-title {
  color: white !important;					/* Schriftfarbe in Liste */
}

 .urlbarView-title-separator {				/* Strich zwischen Seitentitel und URL in Liste ausblenden */
    &::before {
      visibility: hidden !important;
   }
}

Zitat von captain chaos

der Text in der Adressleiste aber noch schwarz statt weiß.

Teste bitte:

#urlbar > div:nth-child(3) > div:nth-child(1){
	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 */  	
}

.urlbarView-url {
   color: #00CADB !important;				/* Schriftfarbe URLs in Liste */
}

.urlbarView-title, input.urlbar-input {
  color: white !important;					/* Schriftfarbe in Liste */
}

 .urlbarView-title-separator {				/* Strich zwischen Seitentitel und URL in Liste ausblenden */
    &::before {
      visibility: hidden !important;
   }
}

Zitat von captain chaos

DIe Farbe des Suchmaschinen-Buttons

Das geht wohl nur per Shadow.css

#urlbar .searchmode-switcher {
  &::part(button) {
     background: red !important;
  }
}

Zitat von captain chaos

aber die Symbole sind noch schwarz statt weiß:

Teste bitte:

#urlbar.urlbar div.urlbar-input-container box,
#urlbar.urlbar #page-action-buttons {
  color: white !important;
}

Zitat von captain chaos

auch weiß färben?

Teste wieder:

[data-l10n-id="urlbar-go-button2"] {
  color: white !important;
}

Zitat von 2002Andreas

Das geht wohl nur per Shadow.css

Das geht auch ganz normal über die userChrome.css, indem man die passende Variable nutzt.

#urlbar .searchmode-switcher {
  --button-background-color-muted: red !important;
}

Zitat von Sören Hentzschel

indem man die passende Variable nutzt.

Hallo Sören..

danke für den Hinweis.

Ich nutze das sogar selber so, allerdings für den Button in der Serachbar

Irgendwie stand ich da wohl auf dem Schlauch wie man so sagt.