Farben der aktiven Adressleiste

  • Firefox-Version
    89
    Betriebssystem
    Windows

    Hallo,

    ich würde gerne die Farbe des aktiven Adressleistenrahmen, des gespeicherten Lesezeichen-Sterns und die verschiedenen Download Füll-Farben ändern.

    Falls jemand helfen kann?

  • Wow, da hänge ich mich ma druff! :D

    Wie die Adressleiste transparent wird habe ich rausgefunden.

    Gut, dass wolltest Du leider nicht wissen.

    Aber den Adressleistenrahmen würde ich auch sehr gerne in der Farbe ändern wollen.

    Sowohl den Aktiven, wie den Passiven.

    Das Feld würde ich auch ganz gerne in der Farbe ändern.

    Passiv transparent, aktiv nur halb.

    Gleiches beim "Suchfenster".

    Lesezeichen-Stern & Download-Symbol.

    Ohweh, ist ganz schön viel. :/

    Mit <3lichem Gruß

    Mira

  • Für den Lesezeichen-Stern:

    CSS
    #star-button[starred="true"] {
        fill: rgb(0,200,0) !important;
        }

    Für die Download-Anzeige:

    Farben mußt du dir entsprechend anpassen.

    Farbe des aktiven Adressleistenrahmen,

    Was meinst du damit? Ich stehe gerade auf dem Schlauch...

  • grisu2099

    Wirklich klasse - Hat beides geklappt.

    Vielen Dank !

    Mit Farbe des aktiven Adressleistenrahmen meine ich, der im Bild hellblaue Rahmen der erscheint wenn ich in der Adressleiste eine Eingabe machen möchte.


  • Versuch mal folgenden Code:

    CSS
    input:not([type="file"], [type="image"]):focus-visible,
    select:focus-visible,
    button:focus-visible,
    textarea:focus-visible {
        outline-style: none !important;
        }

    Der sollte diesen Rahmen allerdings auch an anderen Stellen ausblenden!

  • grisu2099  2002Andreas

    Danke, es funktionieren beide Codes, allerdings mit kleinen Unterschieden:

    Beide Farbe: red

    Code grisu2099:

    helleres Rot aber es funktioniert nur mit Namen der Farbe und nicht mit dem Hexwert.

    Code 2002Andreas:

    kräftiges Rot, dafür kann ich meinen Wunsch-Hexwert nehmen.


    Dank und Anerkennung euch beiden :)

  • Und für's Suchfeld:

    CSS
    #search-container {
        --toolbar-field-focus-border-color: yellow !important;
    }

    Geht auch mit HEX

    Habe lange mit den "Brwoser-Werkzeugen" herumexperimentiert!

    Zufall, dass ich es hinbekommen habe?

    Adressleistenrahmen, Farbe verändern => Erledigt!
    Suchfeld, Farbe verändern => Erledigt!

    Lesezeichen-Stern => Erledigt!
    Download-Symbol => Erledigt!

    Das Eingabefeld des Adressfelds transparent => noch offen
    Das Eingabefeld des Suchfelds transparent => noch offen
    Im passiven Zustand!
    Im Aktiven halbtransparent, wenn möglich.

    Bis hier hin erst einmal Danke an grisu2099 und an 2002Andreas.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (5. Juni 2021 um 19:23)

  • Hallo zusammen,

    ich hätte den hellblauen Rahmen um die Adressleiste gerne weg, bekomme es aber mit dem Code von Grisu2099 aus Beitrag #5 nicht hin. Die Änderungen im Code in den Folgebeiträgen habe ich berücksichtigt, aber irgendwie ändert sich gar nichts.

    Wäre super, wenn mir jemand weiterhelfen könnte :)

  • Hi gabinski

    Nimm doch mal den Code von 2002Andreas aus Beitrag #10

    und

    für das Suchfeld, meinen aus Beitrag #16.

    Sollte dann so aus schauen.

    CSS
    /* Rahmen von Adressfeld und Suchfeld */
    
    #urlbar-container {
        --toolbar-field-focus-border-color: transparent !important;
    }
    
    #search-container {
        --toolbar-field-focus-border-color: transparent !important;
    }

    Du kannst aber "transparent !important;" auch mal durch "none !important;" ersetzen.

    Mit <3lichem Gruß

    Mira