Adressleiste Rahmen ändern

Moin Moin,

geht das auch für die Extra Suchleiste ?

Zitat von Sambatiger

die Extra Suchleiste ?

Du meinst diese?

Wenn ja, dann teste bitte:

#searchbar-new > div:focus-within {
    outline: 2px solid red !important;
    outline-offset: 0 !important;
    border-color: red !important;
    border-radius: 5px !important;
} 

Ok, ich hätte das gerne dauerhaft und beim reinklicken soll der Rahmen bleiben. Im Moment ist die Leiste dunkel nur beim reinklicken ändert sich die Farbe, Rahmendicke und Radius.

Zitat von Sambatiger

ich hätte das gerne dauerhaft

So?

#searchbar-new {
    outline: 2px solid red !important;
    outline-offset: 0 !important;
    border-color: red !important;
    border-radius: 5px !important;
} 

Genauuuu ! XD

Für die Adressleiste habe ich ja das hier:

/*Adressleiste Umrandung*/
#urlbar:not([focused]) > .urlbar-background {
   border: 2px solid #6CA6CD !important;
}

Wie bekomme ih die denn dauerhaft hin ?

Und wenn wir schon dabei sind, wie kann ich den Hintergrund bei beiden Leisten ändern.

Danke Dir. Das nächste Mal probier ichs mal selber....learning by doing.

Zitat von Sambatiger

die denn dauerhaft hin ?

Teste wieder:

.urlbar[breakout][breakout-extend] {
    & > .urlbar-background {
      @media (prefers-reduced-motion: no-preference) {
        [breakout-extend-animate] > & {
          border: 2px solid #6CA6CDred !important;
        }
	 }
   }
}

Tut sich gar nichts ?!?

Zitat von Sambatiger

Tut sich gar nichts

.urlbar {
	--toolbar-field-border-color-focus: red !important;
}

/*Adressleiste Umrandung*/
#urlbar:not([focused]) > .urlbar-background {
   border: 2px solid red !important;
}

.urlbar[breakout][breakout-extend] {
    & > .urlbar-background {
      @media (prefers-reduced-motion: no-preference) {
        [breakout-extend-animate] > & {
          border: 5px solid red !important;
        }
	 }
   }
}

Ich habe die Farbe mal auf rot gesetzt, zwecks besserer Erkennung.

Entweder ich habe n Fehler gemacht....

Die Adressleiste funzt, aber die Suchleiste bleicbt nicht blau beim reinklicken, sondern wird rot und der Radius ändert sich.

/*Adressleiste Umrandung*/
.urlbar {
	--toolbar-field-border-color-focus: red !important;
}

/*Adressleiste Umrandung*/
#urlbar:not([focused]) > .urlbar-background {
   border: 2px solid red !important;
}

.urlbar[breakout][breakout-extend] {
    & > .urlbar-background {
      @media (prefers-reduced-motion: no-preference) {
        [breakout-extend-animate] > & {
          border: 5px solid red !important;
        }
	 }
   }
}

/*Suchleiste Umrandung*/
#searchbar-new {
    outline: 2px solid #6CA6CD !important;
    outline-offset: 0 !important;
    border-color: #6CA6CD !important;
    border-radius: 5px !important;
} 

Zitat von Sambatiger

die Suchleiste

Noch ein Versuch:

/*Suchleiste Umrandung*/
#searchbar-new > div:focus-within   {
    outline: 1px solid #6CA6CD !important;
    outline-offset: 0px !important;
    border-color: #6CA6CD !important;  
}

#searchbar-new {
    border: 2px solid #6CA6CD !important;
    border-radius: 9px !important;
}

/*Adressleiste Umrandung*/
.urlbar {
	--toolbar-field-border-color-focus: #6CA6CD !important;
}

/*Adressleiste Umrandung*/
#urlbar:not([focused]) > .urlbar-background {
   border: 2px solid #6CA6CD !important;
}

.urlbar[breakout][breakout-extend] {
    & > .urlbar-background {     
          border: 2px solid #6CA6CD !important;
   }
}

Ok,

Beides ist nun dauerhaft blau.

Wenn ich in die Adressleiste klicke, vergrößert die sich um 1-2 Pixel, gleichzeitig erscheint die alte (?) Umrandung in der Suchleiste.

Hab mal n Bild angehängt. Ausserdem unterscheiden die Radien sich etwas ?

Zitat von Sambatiger

gleichzeitig erscheint die alte (?) Umrandung in der Suchleiste.

Zitat von Sambatiger

vergrößert die sich

Ob bzw. wie man das verhindern kann bin ich leider überfragt, evtl. fällt einem anderen User ja etwas dazu ein.

Zitat von Sambatiger

Wenn ich in die Adressleiste klicke, vergrößert die sich um 1-2 Pixel, gleichzeitig erscheint die alte (?) Umrandung in der Suchleiste.

Teste bitte:

#searchbar-new {
    --focus-outline-color: unset !important;
}

Zitat von 2002Andreas

Noch ein Versuch:

Ich denke, das Zeile 10 12px oder mehr haben müsste.

Zitat von Sambatiger

Ausserdem unterscheiden die Radien sich etwas ?

Siehe obige Antwort auf Andreas.

:root
{
    --toolbarbutton-border-radius: 4px !important;
    --border-radius-medium: 4px !important;
    --button-border-radius: 4px !important;
    --panel-border-radius: 4px !important;
}

Gehört in die userChrome und zwar am Anfang! Und nur das! Pixel sind anzupassen!