About Seiten mit CSS Codes anpassen

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

    Symbole siehe hier: https://github.com/Endor8/CSS/tre…s/about:profile

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

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/123.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    4 Mal editiert, zuletzt von Endor (11. Mai 2020 um 12:44) 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 121.0.. + Nightly 123 (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/tre…:serviceworkers

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/123.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    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 121.0.. + Nightly 123 (WIN 10 - 64 bit)

    Einmal editiert, zuletzt von Büssen (11. Mai 2020 um 17:50)

  • Hallo zusammen.

    about:debugging

    CSS Code:

    Symbole siehe hier: https://github.com/Endor8/CSS/tre…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 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/123.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    2 Mal editiert, zuletzt von Endor (11. Mai 2020 um 22:01) 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;
    }

  • 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

  • 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 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/123.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    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

    Einmal editiert, zuletzt von milupo (11. Mai 2020 um 22:39) 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 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/123.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    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

  • 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 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/123.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    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