Reiner Globus in Urlbar statt Lupe und/oder Globus mit Auswahlpfeil und feste Lupe in Searchbar ohne Auswahlpfeil / Seite durchsuchen mit anderer Randfarbe des Suchfelds

Mr. Cutty

Ich hätte noch ein paar Anpassungen und bitte um Unterstützung.

In der Urlbar sollte statt derLupe bzw. Globus mit dem Auswahlpfeil ...

... nur der reine Globus erscheinen. So wie hier in dem Beispiel:

In der Searchbar statt die Lupe und Auswahlpfeil ...

... nur die reine Lupe, wie in diesem Beispiel:

Bei "Seite durchsuchen" will ich den Rahmen um das Suchfeld ...

... beim Aufruf und wenn man was reintippt, eine andere Farbe geben.

2002Andreas

Zitat von Mr. Cutty

In der Searchbar

Funktioniert hier mit diesem Code:

CSS

.searchmode-switcher-dropmarker {
  display: none !important;
}

.searchmode-switcher {
  --button-background-color-muted: none !important;
}

.findbar-textbox {
    border: 2px solid red !important;
}

.findbar-textbox:focus {
    border: 4px solid blue !important; 
}

Alles anzeigen

Mr. Cutty

2002Andreas

Bei mir hat sich in der Searchbar leider nichts geändert. Sieht weiterhin so aus:

Bei "Seite durchsuchen, ist Blau dominant. Man kann zwar eine andere Farbe nehmen, bleibt aber weiterhin Blau, auch wenn Grün eingestellt wurde.

CSS

/* Angepasste Suchleiste "Seite durchsuchen" */

.browserContainer > findbar {
  background: #D2D2D2 !important;
  border-top: 4px solid #D2D2D2 !important;
  padding-bottom: 11px !important;
}

.findbar-textbox {
  border: 2px solid #8F8F8F !important;
  background: #FFFFFF !important;
}

.findbar-container {
  overflow-inline: clip !important;
}

.findbar-textbox:focus {
  border: 2px solid red !important;
}

.findbar-textbox {
  border: 2px solid red !important;
}

.findbar-textbox:focus {
  border: 2px solid green !important;
}

Alles anzeigen

Das einzige was funktioniert ist da rot in dem Beispiel, wenn man eines von den Checkboxen da nutzt. Aber sobald man wieder in das Feld reinklickt, ist der Rahmen wieder Blau.

2002Andreas

Ich habe was älteres gefunden. Bei browser.urlbar.scotchBonnet.enableOverride und False ist in der Urlbar nun eine Lupe und in der Searchbar eine Lupe ohne Auswahlpfeil. Sobald man aber in der Searchbar was eingibt, wird aus der Lupe ein G-Logo und bleibt dann, auch wenn man das Feld wieder löscht.