eckige Tabs bei Quantum abrunden

  • Naja, der eine färbt ein, der andere macht sie geschwungen. Ich steh vor einem Dilemma...
    Werde mal versuchen, den Code von Aris zu zerpflücken, so dass der die Farbe spendet und der andere die Form. Puh...

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura


  • Halte dich erst einmal an die Form. Farben lassen sich gewöhnlich einfacher und schneller anpassen. :)

    Nun ja, es sollen auch Buttons verändert werden. Um es zu verdeutlichen:

    So (ff57) ist es jetzt:
    [attachment=2]Bildschirmfoto 2017-11-28 um 21.20.16.jpg[/attachment]

    So (FF56)
    [attachment=1]FF56, 1 Tab.jpg[/attachment]

    bzw. so (auch FF56)
    [attachment=0]FF56, 2 Tabs.jpg[/attachment]

    soll es sein. :-???


  • Ich habe die Tabs "gefärbt" und "gerundet" mit dem Code von https://github.com/wilfredwee/photon-australis.
    In diesem Code habe ich die Farbwerte geändert... :wink:

    In meinem Fall: nix mit Aris...

    Interessant! Bei dir sind sämtliche Leisten gleich wie die Tabs gefärbt. Das würde mir in Farbe Aero gut gefallen. Und die Buttons sind, nehm ich an, auch umgestaltet. Tabs unten ebenso. Alles nur mit dem Code von wilfredwee?

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura


  • :wink: Nee, dass ist ein Mix aus Beidem, Aris + wilfred...

    Also doch auch Aris. Hast du den Code irgendwie zerpfückt, oder beide (Aris und wilfred), so wie sie im Download angeboten werden, in die userChrome.css kopiert? Klar, bei Aris muss dann die komplette Konfiguration noch angepasst werden.

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura

  • Eins nach dem anderen. :)
    Wenn ich das richtig sehe, wäre der Code von wilfredwee richtig, was die Form angeht. Also übernimm den einfach mal so. Die Farben passt du dann noch so an, wie du das gerne möchtest.
    Die Buttons sind eine andere Geschichte.

    Windows 10 | FF 62.0 (64-Bit) / FF 61.0 (64-Bit) / FF 63.0 (64-Bit)


  • Eins nach dem anderen. :)
    Wenn ich das richtig sehe, wäre der Code von wilfredwee richtig, was die Form angeht. Also übernimm den einfach mal so. Die Farben passt du dann noch so an, wie du das gerne möchtest.
    Die Buttons sind eine andere Geschichte.

    Ja, das siehst du völlig richtig! Ich begebe mich mal in die Tiefen der userChrome.css... ;)

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura


  • Meine userChrome.css ist nur die "Schaltzentrale" für einzelne Codes, von Ari so übernommen.
    Den Code von Wilfred nach Aris Art eingefügt/hinzugefügt...

    "Schaltzentrale" soll heißen, du hast die userChrome:css so von Aris übernommen und die diversen Optionen mittels "/*" aktiv geschaltet bzw. inaktiv, korrekt? Also so z. B.:

    Aktiv:

    Code
    @import url(./css/tabs/classic_squared_tabs_australized_aero.css); /**/	/* <-- AERO colors */


    Inaktiv:

    Code
    /* @import url(./css/tabs/classic_squared_tabs_australized_aero.css); /**/	/* <-- AERO colors */

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura


  • Jepp :klasse:

    Ok, doch der userChrome.css-Code von wilfredwee sieht ja komplett anders aus und funktioniert nicht nach diesem "@import"-System des Aris-Codes. Hast du dir den "umgebastelt", um auch mit "@import" zu arbeiten? Sorry, wenn ich mich sehr laienhaft ausdrücke, ich hab von der Materie so gut wie keine Ahnung. ;)

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura

  • Ich hab es mittlerweile geschafft, Aris' und wilfredwees Code zu kombinieren, ohne dass sie einander stören. :D Eine aktiv geschaltete Option im Aris-Code war der Übeltäter. Nämlich diese hier:

    Code
    /* @import url(./css/tabs/classic_squared_tabs_australized_aero.css); /**/	/* <-- AERO colors */


    Vorweg siehts mal so aus:
    [attachment=0]Bildschirmfoto 2017-12-02 um 21.54.42.jpg[/attachment]

  • Danke für den Hinweis, Beitrag 121 habe ich schon gesehen. Bloß ist das mit der Zeilennummer ein Problem, da bei unterschiedlicher Größe meines Texteditorfenster entweder mehr oder weniger Zeilen angezeigt werden und ich dadurch keine Ahnung habe, wo welche Werte angepasst werden sollen. :-???

    EDIT:
    Ich schätze, es müsste irgendwo in diesem Abschnitt sein? Hab null Ahnung von dem, was da drinnen steht. :roll:

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura

  • Im Dark CSS sieht der Code so aus:

    Code
    .tab-background[selected="true"] > spacer {
      background-image:
      linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
      linear-gradient(
        transparent
        2px,
        rgb(50, 50, 52) 2px,
        rgb(50, 50, 52)
      ),


    Jetzt muss Du diesen Code (50, 50, 52) durch eine andre Farbe ersetzen.
    Ich habe alle mit diesem Code durch 220, 220, 220) ersetzt.

    Gruß
    EDV-Oldi

    WIN11 Home Version 23H2 (Build 22631.3296)

    Firefox 124.0 (64-Bit)

    Thunderbird 115.9.0 (64-Bit)

    Meine Erweiterungen

  • Danke, doch abgesehen davon, dass ich das Standard-Theme und demnach die "default-css" verwende, finde ich im kompletten Code keinen Abschnitt, der dem deinen gleicht.
    Es gibt zwar ein paar Abschnitte, in denen rgb-Werte eingetragen sind, doch keine Ahnung, welche die nötigen sind. Ich werde mal mittels "trial and error" durchtesten.

    Gruß
    Manfred

    FF in aktueller Releaseversion, auf MacBook Pro 16" M1 2021 unter macOS Ventura

  • Das

    Code
    .tab-background[selected="true"] > spacer {
      background-image:
      linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
      linear-gradient(
        transparent
        2px,
        rgb(255,255,255) 2px,
        rgb(255,255,255)
      ),


    sollte beim default Thema stehen.


    Gruß
    EDV-Oldi

    WIN11 Home Version 23H2 (Build 22631.3296)

    Firefox 124.0 (64-Bit)

    Thunderbird 115.9.0 (64-Bit)

    Meine Erweiterungen