Geht nicht um Abstände !
Bei mir wird in Verbindung mit anderen Änderungen und deinem Code immer das Firefox Icon und das entsprechende der Seite übereinander liegend angezeigt und das auch noch rot eingefärbt .... schlechter Tausch um 1 Icon schön zu haben alle Anderen versemmeln 
in Verbindung mit anderen Änderungen
Dann verzichte lieber auf das Skript.
hat mich auf eine Idee gebracht und ich habe die Seite
"Sichere Website nicht verfügbar"
für mich auch etwas angepasst.
Das habe ich auch für mich angepasst, dafür ein Dankeschön. 
Dann lassen wir das
Ich bin mir zwar nicht sicher, aber das Icon wird ja durch das Skript festgelegt:
var favicon = gBrowser.selectedTab.image;
Also immer das Favicon im Tab der jeweiligen Seite.
Wenn, dann müsste das wohl im Skript selber angepasst werden.
Ob das geht, bin ich aber überfragt. 
Nochmals Danke!
Warum auch immer klappte es mit "meinem" JavaStript nicht, das Icon NACH dem Text anzusprechen
und entsprechend einzufärben!
// 'Favicon in urlbars identity box' script for Firefox 92+ by Aris
//
// This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar).
// [!] If a page does not offer a favicon, browser branches default icon is shown.
// [!] In a multi-window environment pages without favicons might show wrong icons.
// option: set icon for pages without favicon
var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';
var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon)
var favicon_click_opens_page_info_window = false;
var FaviconInUrlbar = {
init: function() {
try {
var favimginurlbar = document.createXULElement("image");
favimginurlbar.setAttribute("id","favimginurlbar");
if(favicon_click_opens_page_info_window)
favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);");
favimginurlbar.style.width = "16px";
favimginurlbar.style.height = "16px";
favimginurlbar.style.marginLeft = "3px";
favimginurlbar.style.marginRight = "3px";
favimginurlbar.style.marginTop = "3px";
favimginurlbar.style.marginBottom = "3px";
//document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
document.getElementById('identity-box').appendChild(favimginurlbar);
// update script every time tab attributes get modified (switch/open tabs/windows)
document.addEventListener("TabAttrModified", updateIcon, false);
document.addEventListener('TabSelect', updateIcon, false);
document.addEventListener('TabOpen', updateIcon, false);
document.addEventListener('TabClose', updateIcon, false);
document.addEventListener('load', updateIcon, false);
document.addEventListener("DOMContentLoaded", updateIcon, false);
function updateIcon() {
setTimeout(function(){ // timeout fixes wrong icon detection in some cases
// get current tabs favicon
var favicon_in_urlbar = gBrowser.selectedTab.image;
// if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
else favicon_in_urlbar = icon_for_pages_without_favicon;
document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
},100);
}
} catch(e) {}
}
};
// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);Habe nur das RE: About Seiten mit CSS Codes anpassen von 2002Andreas genommen und es klappt wie von mir gewünscht.
"Mein" Code:
@-moz-document url(chrome://browser/content/browser.xhtml) {
.tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
fill: #ff0000 !important;
}
#faviconid {
-moz-box-ordinal-group: 2 !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button {
font-size: 0 !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {
color: red !important;
content: "! Achtung !" !important;
font-size: 15px !important;
font-weight: bold !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
fill: red !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
filter: invert(15%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
}
}Also immer das Favicon im Tab der jeweiligen Seite.
Weil ich das Script nicht hatte, dafür wurde bei unsicheren Seiten das Schloss angezeigt. Nun habe ich schon gesucht, kann jetzt nicht sagen, ob ich da eine Änderung gemacht habe.
das Schloss angezeigt.
#identity-box[pageproxystate="valid"].notSecure #identity-icon {
fill: red !important;
}#identity-box[pageproxystate="valid"].certErrorPage #identity-icon {
fill: red !important;
}PS:
Bin jetzt aber mal eine Weile offline.
Ohne das Script ist es mir jetzt auf die Schnelle gelungen ein Icon rechts einzubauen.
Ich melde mich später wieder.
Ein Icon habe ich da auch hin bekommen, nur eben keine Trennung zu einzelnen Seiten...........
nur eben keine Trennung zu einzelnen Seiten...........
Das beabsichtige ich auch nicht, mir ging es nur darum, das nicht so ganz hübsche Icon (Dreieck) zu ersetzen.
Ich glaube es nicht........... für alle die sich durch die #identity-box identifizieren lassen geht es mit folgendem Code
#identity-box.certErrorPage.notSecureText #favimginurlbar {
list-style-image: unset !important;
}
#identity-box.certErrorPage.notSecureText #favimginurlbar{
width: 19px !important;
height: 19px !important;
background-image: url("icons/warnung.png")!important;
background-repeat: no-repeat !important;
background-size: 18px 18px !important;
}
#identity-box.httpsOnlyErrorPage #favimginurlbar {
list-style-image: unset !important;
}
#identity-box.httpsOnlyErrorPage #favimginurlbar {
width: 19px !important;
height: 19px !important;
background-image: url("Menu-Images/hilfe.png") !important;
background-repeat: no-repeat !important;
background-size: 18px 18px !important;
}Das ist der Code für 2 Seiten !
so kann man Rechts vom Text Icons einbauen ohne das diese sich mit anderen Seiten behaken würden !!
Jetzt fehlt nur noch das auch für alle about Seiten zu machen, mal sehen
Hätte da noch ein kleines Problem!
OK, so klein ist es dann doch wieder nicht 
Bei einer "Unsicheren" Verbindung:
Es fehlt der Text zwischen dem "Schloss" und dem Icon.
Wie man hier in der markierten Zeile erkennen kann, steht recht am Ende value="" und
dann zum Schluss collapsed="true"
Wenn ich nun value="Test" ändere und collapsed="true" komplett lösche,
erscheint Test zwischen den Symbolen.
Wie bekomme ich das dauerhaft "gespeichert"?
Nachtrag!
In diesem Zusammenhang könnte dieses Bild wichtig sein.
Es hat mir keine Ruhe gelassen!
Habe "mein/e" Problem/e aber lösen können.
Wichtig!
#faviconid {
-moz-box-ordinal-group: 2 !important;
}Damit der eingefügte Text auch an der "richtigen" Stelle erscheint!
Hat etwas gedauert, bis ich DAS geschnallt hatte.
Nun erschien der Text aber immer, so lange wie eine Seite noch geladen und im Aufbau war.
Auch das konnte ich lösen.
Nicht #identity-box.notSecure box#identity-icon-box.identity-box-button::after
sondern #identity-box[pageproxystate="valid"].notSecure box#identity-icon-box.identity-box-button::after
brachte den Erfolg.
Nun ist/war der Abstand vom Text zu dem davor stehenden Symbol doch recht knapp.
Irgendwie bin ich auf folgende Lösung gekommen:
[collapsed="true"] {
visibility: visible !important;
}Habe ich etwas vergessen?
Ach, nun hier präsentiere ich "meinen", hoffentlich fertigen, Code:
.tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
fill: #ff0000 !important;
}
#faviconid {
-moz-box-ordinal-group: 2 !important;
}
[collapsed="true"] {
visibility: visible !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button {
font-size: 0 !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {
color: red !important;
content: "! Achtung !" !important;
font-size: 15px !important;
font-weight: bold !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
fill: red !important;
}
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
filter: invert(15%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
}
#identity-box[pageproxystate="valid"].notSecure #identity-icon {
fill: red !important;
}
#identity-box[pageproxystate="valid"].notSecure box#identity-icon-box.identity-box-button::after {
color: red !important;
content: " ! Nicht sicher !" !important;
font-size: 15px !important;
font-weight: 800 !important;
}Wie kann verhindert werden, dass in den Warn-Dialogen der Cursor angezeigt wird, egal wo ein Klick erfolgt, er wird immer angezeigt, wie z.B. in den Button.
Mit cursor: unset !important; habe ich keinen Erfolg.
der Cursor angezeigt wird
Da es sich um einen Button handelt, sollte dort gar kein Cursor sein
Wie lautet denn dein kompl. Code für die Seite?
Wie lautet denn dein kompl. Code für die Seite?
/*Kritische Seite, Weiterleitungs-Warnung*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:certerror){
body {
background-color: gainsboro !important;
}
html body.certerror div.container div#text-container{
border: 2px solid dodgerblue !important;
border-style: double !important;
border-width: 7px !important;
padding: 50px 100px 50px 100px !important;
background-color: beige !important;
margin-top: -300px !important;
box-shadow: 13px 13px 0px 0px coral inset !important;
}
/*Damit wird das original Icon ausgeblendet */
.certerror .title {
background-image: none !important;
}
.certerror .title {
background: url("..//icons/warnung2.png") no-repeat !important;
background-position: 60px -1px !important;
background-size: 70px 70px !important;
padding: 0 0 0 160px !important;
}
#advancedPanelContainer {
background-color: rgba(233,219,205,1.00) !important;
}
#badCertAdvancedPanel{
background-color: #fbe8d2 !important;
border: 2px solid dodgerblue !important;
margin-top: 15px !important;
}
#advancedButton{
color: #B70E11 !important;
background: rgba(242,234,227,1.00) url("..//icons/0009.png") no-repeat !important;
background-position: 7px 8px !important;
background-size: 16px 16px !important;
border: 1px solid dodgerblue !important;
padding-left: 33px !important;
}
#advancedButton:hover{
color: #B70E11 !important;
background: lightblue url("..//icons/0009.png") no-repeat !important;
background-position: 7px 8px !important;
background-size: 16px 16px !important;
border: 1px solid dodgerblue !important;
padding-left: 33px !important;
}
#exceptionDialogButton {
color: #B70E11 !important;
background: rgba(242,234,227,1.00) url("..//icons/warnung.png") no-repeat !important;
background-position: 7px 6px !important;
background-size: 17px 17px !important;
border: 1px solid red !important;
padding-left: 33px !important;
}
#exceptionDialogButton:hover {
color: #B70E11 !important;
background: lightblue url("..//icons/vpn.png") no-repeat !important;
background-position: 7px 6px !important;
background-size: 17px 17px !important;
border: 1px solid dodgerblue !important;
padding-left: 33px !important;
}
/* Button "Zurück /Empfohlen)" */
#advancedPanelReturnButton,
#returnButton{
color: green !important;
background: rgba(242,234,227,1.00) url("..//icons/07801.png") no-repeat !important;
background-position: 7px 7px !important;
background-size: 18px 18px !important;
border: 1px solid dodgerblue !important;
padding-left: 35px !important;
}
#advancedPanelReturnButton:hover,
#returnButton:hover{
color: green !important;
background: lightblue url("..//icons/about2.png") no-repeat !important;
background-position: 7px 7px !important;
background-size: 18px 18px !important;
}
.title-text,
#learnMoreLink,
#errorCode,
#viewCertificate{
color: crimson !important;
font-weight: 600 !important;
}
#errorWhatToDoTitleText > strong:nth-child(1){
color: blue !important;
}
/* Button "Zertifikate anzeigen" unter Erweitert */
#badCertAdvancedPanel.advanced-panel a#viewCertificate {
background: white url("..//icons/Bild34.png") no-repeat !important;
background-position: 7px 3px !important;
background-size: 14px 14px !important;
border: 1px solid dodgerblue !important;
border-radius: 20px !important;
padding: 0px 10px 0px 30px !important;
}
#badCertAdvancedPanel.advanced-panel a#viewCertificate:hover {
background: lightblue url("..//icons/Bild34.png") no-repeat !important;
background-position: 7px 3px !important;
background-size: 14px 14px !important;
padding: 0px 10px 0px 30px !important;
}
/* Text unter "Was können Sie dagegen tun */
#text-container div#errorWhatToDo p#errorWhatToDoText p{
color: blue !important;
}
/* Button "Weitere Informationen" */
#text-container p#learnMoreContainer a#learnMoreLink{
background: white url("..//icons/Bild34.png") no-repeat !important;
background-position: 7px 3px !important;
background-size: 14px 14px !important;
border: 1px solid dodgerblue !important;
border-radius: 20px !important;
padding: 0px 10px 0px 30px !important;
}
#text-container p#learnMoreContainer a#learnMoreLink:hover{
background: lightblue url("..//icons/Bild34.png") no-repeat !important;
background-position: 7px 3px !important;
background-size: 14px 14px !important;
padding: 0px 10px 0px 30px !important;
cursor: transparent !important;
}
}Habe ich hier mit dem Code auch nicht:
Habe ich hier mit dem Code auch nicht:
Du hast Win10, ich Win11, ob es damit in Verbindung gebracht werden kann?
Das sieht eher nach einem Grafikfehler aus. Vielleicht teilst du mal den Inhalt des Grafik-Abschnitts von about:support.
ob es damit in Verbindung gebracht werden kann?
Nicht unmöglich, obwohl es ja eine Änderung auf einer Webseite ist.
Wie ist es denn ohne deinen Code?
