About Seiten mit CSS Codes anpassen

  • Das wäre meine Version von about:profiles:


    Symbole siehe hier: https://github.com/Endor8/CSS/…aster/Icons/about:profile


    Boersenfeger Zeile 13 könnte für dich wieder wichtig sein. :wink:


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

    4 Mal editiert, zuletzt von Endor () aus folgendem Grund: CSS Code schlanker gemacht

  • Endor

    Moin,

    hier z.B. auch eine css-Datei von Endor < about:profiles > , die ich schon lange verwende:

    Da geht doch bestimmt auch noch was mehr mit entsprechenden Bildchen im Button!? :/

    Moin,

    die von mir eingestellte Datei about:profiles funktionierte in sämtlichen Profilen FX 76 -78. Ich schrieb ja, "schon lange verwendet". Die Datei stammte noch aus dem Jahre 2017 (von Endor übernommen).

    Die Datei hat natürlich nicht das neueste Design, so wie es hier gewünscht wird.


    Habe mir nun die neueste Datei von Endor installiert - gefällt mir natürlich auch viel besser.

    Endor Vielen Dank dafür!

    Gruß,
    D. Büssen

    Firefox 107.0. + Nightly 109 (WIN 10 - 64 bit)

  • Büssen

    gern geschehen, freut mich wenn es gefällt.


    @all

    Wer hat noch Lust,

    about:serviceworkers



    Boersenfeger Zeile 9 könnte wieder wichtig sein. :wink:


    Symbole siehe hier: https://github.com/Endor8/CSS/…cons/about:serviceworkers


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Den habe ich mir auch gleich mal abgeholt - sieht gut aus! :thumbup:


    Code about:logins habe ich noch nachgeholt - sieht auch gut aus :thumbup:

    Gruß,
    D. Büssen

    Firefox 107.0. + Nightly 109 (WIN 10 - 64 bit)

    Einmal editiert, zuletzt von Büssen ()

  • Hallo zusammen.

    about:debugging


    CSS Code:


    Symbole siehe hier: https://github.com/Endor8/CSS/…ter/Icons/about:debugging


    Eine Frage dazu kriegt jemand von euch diese beiden Symbole eingefärbt,
    ich habe einiges versucht aber hier will es nicht.


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

    2 Mal editiert, zuletzt von Endor () aus folgendem Grund: Farbanpassung ergänzt und erweitert

  • Eine Frage dazu kriegt jemand von euch diese beiden Symbole eingefärbt,
    ich habe einiges versucht aber hier will es nicht.

    Auf dieser Seite https://codepen.io/sosuke/pen/Pjoqqp den Hex-Farbcode eingeben und dann die berechnete Filterliste in den css-Code einfügen:

    CSS
    .connect-section__header__icon {
      /* Hex-Code: #AA0000 (rot) */      
      filter: invert(11%) sepia(89%) saturate(5429%) hue-rotate(358deg) brightness(78%) contrast(109%) !important;
    }

  • Hallo BrokenHeart


    Prima, vielen Dank, funktioniert bestens.

    Habe den CSS Code bereits aktualisiert.

    :klasse:


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor ()

  • Endor Ich bin nur mal neugierig: Könntest du das mal mit folgenden Selektoren testen?


    img[src$="aboutdebugging-usb-icon.svg"]

    bzw.

    img[src$="aboutdebugging-globe-icon.svg"]


    Wenn das klappen würde, könnte man beide Symbole unterschiedlich einfärben.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress und Facebook

  • Hallo milupo

    Wenn Du Dir mal mein Bild oben

    ansiehst, wirst Du merken ich habe

    bereits unterschiedliche Farben.

    Ist auch im CSS Code oben schon

    so drinnen. Trotzdem vielen Dank

    für die Mühe.

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Deine Selektoren funktionieren!

    Danke!


    Wenn Du Dir mal mein Bild oben

    ansiehst, wirst Du merken ich habe

    bereits unterschiedliche Farben.

    Irgendwie ist mir dein Beitrag durch die Lappen gegangen. Hatte mich wohl zu sehr auf den von BrokenHeart konzentriert oder hast du das Bildschirmfoto später hinzugefügt?

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress und Facebook

    Einmal editiert, zuletzt von milupo () aus folgendem Grund: Ein Beitrag von milupo mit diesem Beitrag zusammengefügt.

  • Hallo milupo.

    Ja ich habe das Bild nachträglich eingefügt,

    aber schon ein weilchen bevor Du deinen

    Beitrag geschrieben hast.

    Bin mir bei den gewählten Farben aber

    noch nicht sicher, im Moment blau und grün, bin mir noch nicht sicher ob das wirklich passt..

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Ja ich habe das Bild nachträglich eingefügt,

    aber schon ein weilchen bevor Du deinen

    Beitrag geschrieben hast.

    OK. Wie hast du denn die Symbole eindeutig gemacht? Denn eigentlich haben sie ja die gleiche Klasse.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress und Facebook

  • Im Prinzip genau so wie Du.

    CSS
    img[class="connect-section__header__icon"][src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"]{
    filter: invert(15%) sepia(71%) saturate(5169%) hue-rotate(209deg) brightness(98%) contrast(103%) !important;
    }
        
    img[class="connect-section__header__icon"][src="chrome://devtools/skin/images/aboutdebugging-globe-icon.svg"]{
    filter: invert(31%) sepia(100%) saturate(2322%) hue-rotate(96deg) brightness(97%) contrast(101%) !important;
    }

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Im Prinzip genau so wie Du.

    Ah, ist nur bei dir wohl doppelt gemoppelt. Die Klasse wäre eigentlich nur notwendig, wenn das gleiche Symbol mit unterschiedlichen Klassen vorkommen würde. Aber sicher ist sicher.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress und Facebook