Exit Button färben

  • Hallo wieder mal
    Kann man den Exit-Button aus Anpassen eine andere Farbe geben.?Habe in in die Menüleiste gezogen und er soll sofort ins Auge fallen das man in nicht aus versehen drückt.


    Danke im voraus hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home

  • Hallo 2002Andreas
    Das war falsch von mir.Der Button ist nicht aus Anpassen sondern ist ein Script von EffPeh den er mir am 21.11.2017 ins Forum gestellt hat.Das was du jetzt eingestellt hast funktioniert aber nur für den Beende Button im Hamburger Menü.Kann dir hier mal den Script von EffPeh einstellen.Habe im Script schon gesucht ob da irgendwo was mit Farbe steht aber nichts gefunden.Vielleicht ist es möglich eine Zeile mit einem Farbcode einzufügen?

    Danke für deine Mühe hwww


    ****************************************************************************************************************************************************
    // Button > Firefox beenden
    (function() {

    try {
    Components.utils.import("resource:///modules/CustomizableUI.jsm");
    CustomizableUI.createWidget({
    id: "fp-quit",
    defaultArea: CustomizableUI.AREA_NAVBAR,
    removable: true,
    label: "Beenden",
    tooltiptext: "Beenden",
    onClick: function() {
    goQuitApplication();
    },

    onCreated: function(aNode) {
    aNode.style.listStyleImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="context-fill" d="M8 6a1 1 0 0 0 1-1V1a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1zm3.5-4.032a1 1 0 0 0-1 1.732A4.946 4.946 0 0 1 13 8 5 5 0 0 1 3 8a4.946 4.946 0 0 1 2.5-4.3 1 1 0 0 0-1-1.732 7 7 0 1 0 7.006 0z"></path></svg>\')';
    return aNode;
    }

    });
    } catch (e) {
    Components.utils.reportError(e);
    };

    })();
    ****************************************************************************************************************************************************

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home

  • Teste bitte:

    CSS
    #fp-quit{
    	list-style-image: url(chrome://browser/skin/quit.svg)!important;
    	fill:red!important;
    	}

    Damit habe ich u.a. das Icon aus dem Script gegen das Original vom Fx getauscht, nur dann funktioniert fill:red.

    Sicherlich könnte man das auch gleich im Script so machen, dazu fehlen mit aber die Kenntnisse.


  • Kannst du auch direkt im Script machen.

    Hallo Tanni
    Habe ich versucht dann ist aber kein Button mehr zu sehen.Das was 2002Andreas eingestellt hat hat dagegen funktioniert.Der Button ist jetzt rot.Danke Andreas!!!


    Wünsche euch beiden eine schöne Woche hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home


  • Habe ich versucht


    So funktioniert es gleich im Script:

    Ansonsten wie immer gern geschehen, und danke, auch für dich eine tolle Woche :D

  • Stimmt bei obiger SVG-Datei geht der HEX-Code nicht. Das muss am Aufbau der SVG-Datei liegen. Habe aber jetzt keine Lust das genau zu checken. Ich weiss nur, das ich schon diverse SVG's mit HEX-Code eingefärbt habe. So unter anderem auch beim ToggleJavascriptButton.

    Egal da hier ja "red" geht und das auch noch kürzer ist..... :)
    Was definitv auch gänge wäre fill="rgb(255,0,0)"

  • Das Thema würde mich jetzt auch mal interessieren.

    Es ist also möglich den Firefox-beenden-Button (Kreuz rechts oben) andersfarbig zu gestalten..?
    Wohin wird denn der Code/Skript aus Beitrag Nr. 4 (oder doch den aus Beitrag 2..?) hineinkopiert, in die "userChrome.css"..?

  • Hier weiter oben wurde von Buttons in zusätzlichen Scripten gesprochen. Was du willst scheint aber der hauseigene Exit-Button oben rechts zu sein?
    Wenn ja dann welcher in welcher Leiste? Titelleiste oder Menu-Leiste. Das kommt auf deine Konfiguration drauf an. Am besten mach einen Screenshot welchen du meinst. Und dann ist sicher Andreas der schnellste beim beantworten. ;)

    Edit: Siehste er war auch hier schneller.... :lol:

  • Teste bitte mal:

    [attachment=0]Zwischenablage01.jpg[/attachment]

    Dazu eine neue Textdatei im Ordner CSS erstellen....Name z.B. Closebutton.css

    Dann in der userChrome.css die import Regel:

    @import "CSS/Closebutton.css";

  • Jetzt wirds zu kompliziert für mich.

    Eine Textdatei im Ordner CSS..?
    Wenn du die userChrome.css meinst, wie soll ich in dieser Datei/Ordner ne Textdatei erstellen..? :-??
    Oder meinst du lediglich ne neue Textdatei im Chrome Ordner..?

    Und diese Importregel @import "CSS/Closebutton.css"; wird so wie es da steht (in Fettdruck) anschließend in den Ordner userChrome.css eingefügt..?
    Aktuell habe ich nach öffnen der userChrome.css zuerst /* userChrome.css **********************************************/ stehen..
    Muß das dann rausgelöscht werden..?