Auf die Schnelle, Nova to Proton => Ein umfassendes CSS

    Firefox-Version
    157.0
    Betriebssystem
    Windows

    Habe etwas länger gebraucht, aber nun ist das CSS fertig.

    Es sollten alle wichtigen und richtigen Selektoren abgedeckt sein.
    Den "Code" einfach in die userChrome.css und in die userContent.css kopieren.


    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (5. Oktober 2026 um 12:42)

    Okay, aber wozu? Du hast halt die Variablen aus dem Quellcode geholt. Wofür welche Variable genutzt wird, geht daraus auch nicht hervor. Wieso sollte man sich also die, wenn man es wie angewiesen in beide Dateien kopiert, über 1.000 (!) Zeilen CSS einfügen? Der Teil ist obsolete, siehe mein nächster Kommentar.

    Abgesehen davon sehe ich auch einen offensichtlichen Fehler:

    CSS
    --border-radius-circle: 8px !important;	/* Nova: undefined, Proton: 9999px */

    --border-radius-circle ist auch in Nova mit 9999px definiert. Und ein Kreis mit nur 8px Rundung ergibt wohl kaum Sinn.

    Zitat von Sören Hentzschel

    Okay, aber wozu? Du hast halt die Variablen aus dem Quellcode geholt. Wofür welche Variable genutzt wird, geht daraus auch nicht hervor. Wieso sollte man sich also die, wenn man es wie angewiesen in beide Dateien kopiert, über 1.000 (!) Zeilen CSS einfügen?

    Auf die Schnelle!!
    Für die, die einfach nur wieder zum alten Design wollen.

    Wer nur spezielle Elemente der Oberfläche geändert haben möchte, muss weiterhin das Board bemühen!

    Und wer sich mit CSS und der Werkzeuge ein wenig auskennt, kann es als Vorlage, oder nur Auszüge daraus nutzen.

    Aber mal davon abgesehen.
    Bis zu der Zeile 22 sind ja nur die Radien angegeben!

    Genau so, wie das hier im Board auch schon "rumfliegt"!
    Ich hab's halt nur zusammen geführt.

    Danach kommt eine "Farbtabelle" und danach die Farben für die verschiedenen Elemente.
    Wer mit z.B. /** button **/ nichts anfangen kann, kann fragen
    oder soll ganz einfach das CSS meiden.

    Mit <3lichem Gruß

    Mira

    Zitat von Mira_Belle

    Für die, die einfach nur wieder zum alten Design wollen.

    Du kannst meinen Hauptpunkt aus dem letzten Beitrag gedanklich durchstreichen, wie ich es mittlerweile in meinem Beitrag getan habe. Ich hatte das nur als Variablen-Sammlung wahrgenommen, weil die Information mit Proton nur im Titel explizit steht und ich, nachdem ich den ganzen Tag nicht im Forum war und besonders effizient alle Themen durcharbeiten wollte, den Zusammenhang zwischen Titel und Beitrag verloren hatte. ;)

    Der Punkt mit border-radius-circle bleibt aber zumindest. Da stimmt der Nova-Kommentar nicht, der verwendete Wert entspricht nicht dem Proton-Wert und wird außerdem Darstellungsprobleme verursachen. Vielleicht lässt du diese Zeile einfach weg, weil der Wert sowohl in Nova als auch Proton auf 9999px steht und es keinen Grund gibt, daran etwas zu ändern.

    Danke für den Hinweis!

    Ich habe das CSS so in Gänze noch nicht ganz durchgetestet!
    Nur das mit den Radien hatte ich schon etwas länger im Testprofil.

    Aber Darstellungsprobleme habe ich bisher nicht festgestellt!
    Auch habe ich diesen Wert auf "0" gesetzt und einen etwas größeren Download angeschmissen,
    der Button mit der ablaufenden "Uhr" wurde ganz normal angezeigt!

    Werde aber mal eine CSS nur mit "border-radius-circle" testen und sehen, ob und wenn ja bei welchen Werten was passiert.

    Ich werde ja ohnehin nicht darum kommen, mich näher mit diesen Variablen zu beschäftigen,
    da es mir in erster Linie um die internen Seiten geht.
    Meine alten CSS zum Anpassen von diesen (about:...) ist hin.
    Zwar kann ich einzelne Seiten, die eigene CSS-Dateien haben wieder "reparieren",
    aber mit den Richtigen Selektoren, bzw. Variablen aus diesem CSS,
    könnte ich für diese Seiten zusammengefasst alles in einem Aufwasch erledigen und anpassen!

    Ich habe da also noch was vor.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (4. Oktober 2026 um 23:24)

    Zitat von Mira_Belle

    Für die, die einfach nur wieder zum alten Design wollen.

    Oder über »about:config« folgende Schlüssel auf »false« setzen:

    – browser.aboutaddons.novaThemesPickerEnabled

    – browser.newtabpage.activity-stream.nova.enabled

    – browser.nova.enabled

    – browseer.urlbar.quicksuggest.ampTopPickUseNovaIconSize

    – pdfjs.enableNova

    Warum ist in der Variable wohl der Begriff circle enthalten? Das deutet doch ganz klar darauf hin, daß diese Variable für einen Kreis gedacht ist! Ergo macht es überhaupt keinen Sinn, an dieser Variable zu schrauben - das hatte dir auch Sören schon geschrieben... :/:sleeping:

    Zitat von grisu2099

    Warum ... - das hatte dir auch Sören schon geschrieben...

    Klasse.
    Stell Dir vor, ich kann nicht nur lesen, sondern verstehe und erfasse das gelesene auch!

    Und wie ich schon schrieb, bin ich (noch) am Testen, was genau da beeinflusst wird.
    Denn bisher konnte ich noch nirgends irgendwelche Darstellungsfehler entdecken,
    aber halt auch keine anderen Veränderungen!

    Aber Danke für Deinen Hinweis.

    Mit <3lichem Gruß

    Mira

    Das ist keine Lösung, da insbesondere der Hauptschalter browser.nova.enabled ab Firefox 161 nicht mehr existieren wird. An der Entfernung von browser.newtabpage.activity-stream.nova.enabled wird bereits gearbeitet, die Option dürfte noch früher verschwinden (die Option war ja auch schon deutlich früher aktiviert).

    PS: Würdest du deine IP-Adresse nicht verschleiern, würden deine Beiträge nicht automatisch durch den StopForumSpam-Schutz deaktiviert werden, was dann eine manuelle Freischaltung durch das Team erfordert.

    Sooo:!:

    Habe da mal etwas vorbereitet.
    Es geht nur um die Radien:!::!:

    userChrome.css

    Wo zu, bzw. was das beeinflusst habe ich noch nicht geschnallt!
    --tab-border-radius Wenn jemand das sieht, bitte ein Foto!
    Extra angemarkert und so, dass es auch ein Blindfisch sieht.

    userContent.cSS

    Damit sollten die wesentlichen Radien abgedeckt sein.

    Mit <3lichem Gruß

    Mira

    Zitat von mkpcxxl
    Zitat von Mira_Belle

    sansnom & mkpcxxl Tut mir, und Euch, einen Gefallen und
    Komentiert erst einmal --border-radius-circle: 8px !important; /* Nova: undefined, Proton: 9999px */ aus:!:

    Ich konnte bisher noch nicht feststellen, ob das Nachteile und/oder Darstellungsfehler mit sich bringt.

    Habe ich schon gemacht, kann auch nichts negatives feststellen.

    Bei mir wirkt es sich auch nicht aus.......

    Aber noch eine allgemeine Anmerkung: Leider hat sich meine erste Einschätzung nicht ganz bestätigt, da ich dachte, auch alles andere (wie z.B. "Einstellungen") wäre nun wieder im vorherigen "Proton" Design, was aber nicht der Fall ist. Nicht falsch verstehen, ist ja trotzdem gut gelungen! Nur halt nicht so umfassend, wie ich erst dachte. Ich bleibe dann bis Version 161 bei dem Eintrag in "about:config".............dann sehe ich weiter.

    2 Mal editiert, zuletzt von sansnom (5. Oktober 2026 um 18:04)

    Das ist genau mein letztes Dilemma mit Nova:

    Wenn man den Code

    CSS
    --border-radius-circle: 0px !important;

    in die userContent.css einträgt, ist alles schön eckig - leider inklusive der waagerechten Schiebeschalter und des Download-Kreises.

    Wenn man den Code dagegen nicht einträgt, sind die Schiebeschalter und der Download-Kreis wie original, allerdings hat man dann in den Einstellungen die wunderbar kindlich-runden Menüeintrage links. :( Immerhin habe ich inzwischen das (bei mir Augenkrebs erzeugende) Lila systemweit durch das klassische Blau (#0078D7) ersetzen können. :thumbup:

    Aloha, Uli

    Seit 154.0 wieder mit dem jeweils neuesten 64bit-Fx von tete009 Mozilla unterwegs.