Beiträge von Mira_Belle

  • Symbole in Menüs

    So etwas...

    CSS
    #appMenu-new-window-button2 {
list-style-image: url("chrome://browser/skin/window.svg");
}

    ... stellt mich vor ein Rätzel!

    Wo bitte finde ich diese "windows.svg"?

    Im Profilordner schon mal nicht! Oder etwa doch? :/

    Wenn ich also all diese Codefragmente kopiere, werden die Icons dann auch in meinem anderen Profil gefunden und eingebunden?

    Und wenn ja, muss ich noch herausfinden, wie sie dann anrichtiger Stelle erscheinen.

    Gruß

    Mira

    PS: Nur zur Erinnerung!

    CSS
    @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
#appMenu-new-tab-button2 {
list-style-image: url("chrome://browser/skin/new-tab.svg");
}
}

  • Rahmen um Hamburger Menü und Lesezeichen

    Du weißt wie man den FF dazu bekommt CSS-Dateien zu verarbeiten?

    CSS
        panelview,
    #appMenu-popup  .panel-subview-body {
        border: 1px solid #ff9600 !important;
        border-radius: 8px !important;
    }

    Sollte Dir ein wunderschönen orangen Rahmen um das Hamburgermenü zaubern.

    Und ...

    CSS
    menupopup {
    border: 3px solid #ff9600 !important;                             /* Rahmenfarbe */
    border-radius: 8px !important;                                    /* Rahmenradius */
}

    ... sorgt dafür, dass bei ALLEN Popups ein 3 Pixel breiter Rahmen in Orange zu sehen ist.

    Gruß

    Mira

  • Symbole in Menüs

    So, habe mal ein neues Profil angelegt und mit "Lepton" [hingerichtet. =O ] eingerichtet. ;)

    Die Menüs schauen schon so aus, wie ich sie gerne auch hätte.

    Habe mir dann die CSS's angeschaut, und blöde aus der Wäsche geschaut.

    Danach geschaut, was ich mit den "Werkzeugen" rausfinden kann.

    So auf die Schnelle nix.

    Werde also etwas Zeit benötigen.

    Gruß

    Mira

  • Symbole in Menüs

    Danke Endor für Deine Rückmeldung.

    Ich habe, die vom mir gewünschten Symbole (Icons) gefunden.

    Lepton (old name: Proton Fix)

    Jetzt muss ich nur noch zusehen, wie ich diese so einbinde, dass sie auch an richtiger Stelle erscheinen.

    Dazu kann ich ja dann Deinen Code als Beispiel heranziehen.

    Mal schauen, ob ich das dann an diesem WE wie von mir gewünscht hinbekomme.

    Gruß

    Mira

  • Symbole in Menüs

    Hallo.

    Inspiriert durch diesen Beitrag, bzw. den Link auf Reddit

    erwuchs in mir das Bedürfnis, meine Menüs auch mit Symbole zu verschönern.

    Eventuell kann mir da jemand, Andreas?, unter die Arme greifen.

    Was ich bräuchte sind sie Symbole bzw, die Verweise darauf.

    Und so in etwa sollte es dann ausschauen.

    Es geht NUR um die Symbole, eventuell in hell und dunkel,

    aber eher in hell, da z.Z. bei mir der Hintergrund dunkel ist.

    Hamburgermenü

    Lesezeichen, weil hier auch die Popups sind.

    Gruß

    Mira

  • Aktiver Tab

    Zitat von Horstmann

    Ich hatte das gleiche Problem, ich glaube FF hat mit dem Update 102 eine Outline in die Tabs gemogelt .

    Auf Reddit gab's einige Beschwerden zu dem Thema, da hatte ich dann auch die grobe Lösung gepostet , wie Mira sie erwähnt hat .

    Soweit scheint's zu funktionieren, bei mir jedenfalls, hängt aber evtl. noch mit anderen Faktoren zusammen, die der einen oder anderen userChrome.css in die Quere kommen könnten .

    Misst!

    Jetzt hast Du Begehrlichkeiten in mir geweckt!

    So hätte ich das "Hamburgermenü" auch gerne!

    (Es geht NUR um die Symbole :!: )

    Wenn mir da jemand weiterhelfen könnte, mach eich einen neuen Thread auf

    und poste meinen bisherigen Code.

    Gruß

    Mira

  • Aktiver Tab

    Danke Sören.

    Mir ist's jetzt auch wieder eingefallen!

    Die aboutDialog.csswar, ist mein allererstes Projekt,

    und dass da noch Fehler drin steckten, war mir damals bewusst,

    deshalb gab es dazu auch Kommentare.

    Das Ding funktionierte aber wie gewünscht und so vergaß ich,

    dass das noch eine Baustelle ist.

    Nun aber sollte der Code sauber sein.

    Hab die "falsche" Klammer gefunden und auch die 0px Werte geändert. ;)

    Ach ja, das mit den "präzise Angaben", da hätte ich echt auch selber kommen können.

    Habe sogar auf MDN Web Docs extra nachgeschlagen

    und

    wohl Tomaten auf den Augen gehabt.

    Da bin ich denn auch auf die Lösung mit den Werten gekommen,

    weil ja box-shadow: transparent !important; total falsch war.

    OK, nun ist auch dieser Fehler bereinigt und ich blende aus.

    box-shadow: none !important;

    Möchte mich nochmals ganz <3 lich bei Dir und .DeJaVu

    für Eure Hilfe bedanken.

    Gruß

    Mira

  • Aktiver Tab

    Die Kommafehler sind behoben.

    Der Fehler mit "box-shadow: transparent" habe ich auch korrigiert! box-shadow:  1px 1px 10px rgba(0, 0, 0, 0) !important;

    Auch die Fehler in der "aboutDialog.css" sind, bis auf den Letzten beseitigt.

    Ich erkenne nicht, was da falsch sein sollte.

    Danke für die Hinweise.

    Ja, das mit der Menüleiste hätte ich erwähnen sollen, sorry, habs einfach vergessen.

    Als Theme kommt bei mir "abstract Orange-and-blue" von Valou zum Einsatz.

    Das Ganze schaut dann so aus:

    Gruß

    Mira

  • Aktiver Tab

    Habe es gerade mit einem neuen Profil ausprobiert!

    Allen Code in der Stilbearbeitung kopiert.

    Da gibt es keinen Rahmen, auch nicht, wenn ich die Farbe ändere.

    Bin der Meinung, dass es was mit dem Theme zu tun hat.

    Gruß

    Mira

    Nachtrag!

    Bin meinem Verdacht weiter nachgegangen.

    Habe verschiedene Themes ausprobiert und siehe da,

    einige generieren beim aktiven Tab einen Rahmen.

    Wie lässt sich das verhindern?

    Ich möchte, dass ein Theme lediglich nur das "Hintergrundbild" zur Verfügung stellt.

    Gruß

    Mira

  • Aktiver Tab

    Zitat von .DeJaVu

    Da wäre es hilfreich, das gesamt CSS von dir einzusehen, nicht nur die Schnipsel.

    Ohweh.

    Du hast es so gewollt!

    Die userChrome.css

    Hamburgermenü.css

    Lesezeichen.css

    Tabs.css

    und zu guter Letzt

    Adressleiste.css

    Ach nee halt

    aboutDialog.css

    gibt es auch noch.

    Gruß

    Mira

  • Aktiver Tab

    Kann ich Dir auch nicht erklären, ist aber so!

    ABER, ich habe mein Problem gelöst.

    CSS
        .tabbrowser-tab:-moz-lwtheme {
        color: rgba(255, 148, 0, 0.2) !important;                            /* Weißer Rahmen um aktiven Tab entfernen (Orange)    */
}

    Bringt den erwünschten Effekt.

    Danke für Deine Mühe.

    Gruß

    Mira

  • Aktiver Tab

    Ok, bin, war verwirrt!

    Nutze ich "Deinen" abgewandelten Code ...

    CSS
    .tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
    color: rgba(255, 148, 0, 0.2)) !important;            /* Weißer Rahmen um aktiven Tab entfernen (Orange)    */    
}

    ... habe ich einen weißen Rahmen!

    Nehme ich aber ...

    CSS
    .tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
    color: var(--lwt-tab-text, rgba(255, 148, 0, 0.2)) !important;            /* Weißer Rahmen um aktiven Tab entfernen    */    
}

    ... ist der Rahmen "natürlich" orange!

    ACHTUNG!

    Verändere ich die Farbe ...

    CSS
    .tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
    color: var(--lwt-tab-text, rgba(255, 0, 0, 0.8)) !important;            /* Weißer Rahmen um aktiven Tab entfernen    */    
}

    so wie hier, Rot, fast keine Transparenz,

    habe ich klaro einen roten Rahmen.

  • Aktiver Tab

    Zitat von Sören Hentzschel

    Und welchen Druck hast, dass du nicht einen Tag warten kannst? Das Update kommt so oder so automatisch, du musst Updates nie manuell installieren. Dass es mehrere sogenannte Release Candidates gibt, kommt andauernd vor. Neue Versionen gelten dann freigegeben, wenn sie über die Website, d.h. auf http://www.mozilla.org, und/oder via Update verteilt werden. Bis dahin befindet sich eine neue Version noch in der Test- und Vorbereitungsphase und kann immer noch verändert werden.

    Keinen! War einfach nur etwas ungeduldig.

    Jetzt ist er halt drauf.

    Zitat von Sören Hentzschel

    Der zweite Parameter einer var()-Funktion in CSS ist ein Fallback für den Fall, dass der Inhalt der im ersten Parameter angegebenen Variable ungültig ist. Die Variable --lwt-tab-text wird (optional) durch Themes gesetzt (das entspricht tab_text in einem Theme) und kann daher auch leer sein. Nur wenn das der Fall ist, greift var(--toolbar-color).

    Ok, ich wiederhole.

    Die erste Anweisung ist für ein Theme und falls das Theme da nichts angibt, greift zweite Anweisung!

    Da ich im Code nun aber Weiß angegeben habe, ist da auch kein Parameter, bzw. halt eben "Weiß".

    Nur wie verändere ich den Code, dass erst gar nicht auf das Theme gewartet wird, sondern NUR auf meine Vorgaben reagiert wird?

    Das hat dann, so glaube ich etwas mit diesem Stück Code zu tun, oder?

    CSS
    .tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme

    Gruß

    Mira

  • Aktiver Tab

    Zitat von Sören Hentzschel

    Hallo,

    Du nutzt eine Beta-Version? Denn die finale Version Firefox 102 ist noch überhaupt nicht veröffentlicht worden. Veröffentlichungs-Tag für Major-Relases ist seit Jahren immer ein Dienstag.

    Nunja, mag sein, dennoch war, bzw. ist diese Version schon auf dem Server.

    Denkst Du, Mozilla könnte diese Versionen noch verändern oder zurückziehen?

    Wenn ja, stellen wir die Problemlösung hinten an und warten bis nach der offiziellen Veröffentlichung.

    Gruß

    Mira

  • Aktiver Tab

    Mh.

    Hatte folgende Anpassung für den aktiven Tab.

    CSS
        .tab-background[selected="true"] {                                                                                            
        background:rgba(255, 148, 0, 0.4) !important;                        /* Aktiver Tab: Hintergrundfarbe (Orange)*/                                                        
        box-shadow: inset  0px 0px 5px 0px #ff9400 !important;                /* Aktiver Tab: Schatten Breite, Art und Farbe (Orange) */
        border: hidden !important;                                            /* Aktiver Tab: Rahmen ausblenden */ 
    }

    Tab wurde angezeigt wie gewünscht!

    Nach dem Update gab es einen feinen weißen Rahmen um den aktiven Tab.

    Auch das Symbol "X" im Schließenbutton war kaum mehr zu erkennen.

    Um das Symbol "X" wieder "sichtbar" zu machen, habe ich ...

    CSS
    .close-icon {
    color: rgba(255, 255, 255, 0.9) !important;
}

    ... hinzugefügt.

    Beeinflusst aber auch das Symbol "X" in anderen, nicht aktiven Tabs. (muss ich mir merken!)

    Für den Rahmen nachfolgenden Code genutzt.

    CSS
    .tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
    color: var(--lwt-tab-text, rgba(255, 148, 0, 0.2)) !important;
}

    Diesen verstehe ich aber nicht!

    So war das Original

    color: var(--lwt-tab-text, var(--toolbar-color));

    Was hat es mit var(--lwt-tab-text auf sich?

    var(--toolbar-color)); war für die Farbe.

    Wie kann der Code anders geschrieben werden, ohne das "Text-Ding"?

    Ich habe es nicht hinbekommen.

    Gruß

    Mira