Icon in Urlbar - Weltkugel statt Lupe

Mr. Cutty

Ich hatte in der Adressleiste statt eine Lupe eine Weltkugel. Cod

CSS

/* ---------------------------------------------------- */
/* Anderes Standard-Icon für die Adress- und Suchleiste */
/* ---------------------------------------------------- */

#identity-box[pageproxystate="invalid"] > #identity-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAyUlEQVR4nJVSsQ0DMQj0pPRQu4ZNXOMdXHsRt7cDKZAcx1Ei/VVIcHDAlTgAoPduZkRERGbWewdw1pQduTv9QO/9Jqhq5phZVQEAUFVm3tPehOzNzHPOWuvWAKDWOudMmrtHRAGQPdZaY4zW2qm4tTbGWGtlDYDyR/o33L2k+rVWRDDzdRMAzBwROcTMSlIzvYMTZ5aInhMeSVLV50s/Put+nIj8epyIvB93WUNEzCytYWZZmuo/vBR/zZe9b0JqcPc9TVXd/bL3Cy/aCT75SGq6AAAAAElFTkSuQmCC") !important;
}
.searchbar-search-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEgSURBVDhPjZIh90RAFMVn7RGoBEURVJlzFB9C9R1kUZZVlc8gKwSVqAhUor08Z3bOnv2f/f/KzH1z7/NmZx/HcbCLuq6bppmmCXvTND3PC4KAjkTOAExFUZBVBLE4jlVVvfXFGUjTFG5N08IwhAlVyLIs13WFTJKErMTT931MAjcOcIx+wDAM13Xbtp3nGdKyrNvOmAQ3FvTGAZUISBSxIQNHotFt2yYtwscjSUj3+jeKoty7C4naDMNAWoR6k4Ej4XJYqqrato1KBCSK2OBBqEI88QJ93+PX6LpO13VZlvd9H8cxz/NlWeCIoghFcoPzHdAsy7KPy3Ewkvh8X/4auCVMmMRxHGokZt6Br/CP88yPAPjI/A4AMfOvAKAMY+wFQvCw6vTfu40AAAAASUVORK5CYII=") !important;
}
.searchbar-search-icon-overlay {
  display:none!important;
}

Alles anzeigen

Nun mit Firefox 87 habe ich statt der Weltkugel nun wieder die Lupe in der Adressleiste. Was muss da geändert werden?

Zitronella

Anstatt deinem obigen Code mal nur folgenden verwenden, das dürfte ausreichen

CSS

/* ---------------------------------------------------- */
/* Anderes Standard-Icon für die Adress- und Suchleiste */
/* ---------------------------------------------------- */

#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url('chrome://mozapps/skin/places/defaultFavicon.svg') !important
}

Mr. Cutty

Danke. Funktioniert.

Jetzt sind die Icons aber wieder so schwach von der Farbe her.

Sobald man eine Url aufruft, haben die Icons in der Urlbar dann wieder das dunklere Grau bei diversen Symbolen.

Zitronella

teste

CSS

/* ---------------------------------------------------- */
/* Anderes Standard-Icon für die Adress- und Suchleiste */
/* ----------------------------------------------------* */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url('chrome://mozapps/skin/places/defaultFavicon.svg') !important;
  fill-opacity: .9 !important;
}

die Stärke der Farbe kannst du ändern. Hier habe ich .9 gewählt, du kannst ja noch andere Werte von .1 bis .8 wählen und probieren

Sören Hentzschel

Nur damit kein Missverständnis entsteht, weil das nicht so klar hervorgeht: Auch ein Wert wie .01 wäre in Ordnung, oder 1. Es muss halt ein beliebiger Zahlenwert zwischen 0 und 1 sein. Ein Wert von .9 beispielsweise bedeutet "übersetzt" 90 Prozent Deckkraft.

Mr. Cutty

Danke @Zitronella

Betrifft aber nur die Urlbar, nicht die Searchbar, wo ich gesehen habe, dass die Lupe erst dunkler wird wenn man mit der Maus drüber fährt und das daneben ein kleiner Pfeil erscheint.

Den Pfeil brauche ich nicht und die Lupe könnte dauerhaft das dunklere Grau haben. Was kann man da bitte hierfür einfügen?

@Sören Hentzschel

Ich habe die 6 nun genommen.

Sören Hentzschel

Mit 6 meinst du hoffentlich .6 oder 0.6 (das wäre beides das Gleiche), denn alles größer als 1 ist ungültig.

Zitronella

Teste

CSS

/* ---------------------------------------------------- */
/* Anderes Standard-Icon für die Adress- und Suchleiste */
/* ---------------------------------------------------- */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url('chrome://mozapps/skin/places/defaultFavicon.svg') !important;
  fill-opacity: .9 !important;
}
.searchbar-search-icon {
  fill-opacity: .9 !important;
}

fill-opacity Werte musst du wieder anpassen (bitte Sörens Post genau dazu lesen)

Wie man den kleinen Pfeil nach unten weg bekommt, wenn man über die Lupe in der Suchleiste drüber fährt, weiß ich nicht.

2002Andreas

Zitat von Zitronella

Wie man den kleinen Pfeil nach unten weg bekommt

Bitte testen:

Code

.searchbar-search-icon-overlay {
  display: none;
}

Mr. Cutty

Danke Euch beiden.

.6 ist eingetragen.

Zitronella

Gern geschehen, da lerne ich auch immer selbst dazu

Ich würde dir empfehlen, zu deiner eigenen Übersichtlichkeit, die Beschreibung noch zu ändern.

also statt:

CSS

/* Anderes Standard-Icon für die Adress- und Suchleiste */

zB in

CSS

/* Anderes Icon für die Adressleiste; Deckkraft für Icon in Adress- und Suchleiste auf .6 geändert; Pfeil in Suchleiste ausgeblendet */

Mr. Cutty

Danke.

Mr. Cutty

Mit Firefox 88 ist in der Url-Bar in einem leeren Tab nun die Weltkugel verschwunden.

Mein CSS:

CSS

/* ------------------------------------------------------ */
/* Anderes Icon für die Adressleiste + Deckkraft für Icon */
/* in Adress- und Suchleiste auf .6 geändert + Pfeil in   */
/* Suchleiste ausgeblendet                                */
/* ------------------------------------------------------ */

#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url('chrome://mozapps/skin/places/defaultFavicon.svg') !important;
  fill-opacity: .6 !important;
}
.searchbar-search-icon {
  fill-opacity: .6 !important;
}
.searchbar-search-icon-overlay {
  display: none;
}

Alles anzeigen

Dharkness

Das *

* list-style-image: url('chrome://mozapps/skin/places/defaultFavicon.svg') !important;

sieht jetzt so **

** list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg") !important;

aus.

2002Andreas

Zitat von Mr. Cutty

Mein CSS:

Neues CSS

CSS

/* ------------------------------------------------------ */
/* Anderes Icon für die Adressleiste + Deckkraft für Icon */
/* in Adress- und Suchleiste auf .6 geändert + Pfeil in   */
/* Suchleiste ausgeblendet                                */
/* ------------------------------------------------------ */

#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url('chrome://global/skin/icons/defaultFavicon.svg') !important;
  fill-opacity: .6 !important;
}
.searchbar-search-icon {
  fill-opacity: .6 !important;
}
.searchbar-search-icon-overlay {
  display: none;
}

Alles anzeigen

Mr. Cutty

Danke Euch.

Icon in Urlbar - Weltkugel statt Lupe

Ähnliche Themen

Weitere UserChromeskript-Ressource „firefoxChromeScripts“

"Icons" UND "Arial" UND "keine Seiten-Eigenen-Schriften zulassen"