12 Reaktionen

Große Vorschau auf das neue Nova-Design von Firefox 157

Geschätzte Lesedauer:

Am Dienstag wird Mozilla Firefox 157 veröffentlichen und damit hält auch das neue Nova-Design in Firefox Einzug. Dieser Artikel gibt eine Vorschau auf das neue Firefox-Design, neue Funktionen und Nutzer-Optionen, die damit einhergehen, und geht auch auf Unterschiede im Vergleich zu den ersten Mockups ein.

Was ist „Nova”?

Am Dienstag, den 29. September 2026, wird Mozilla Firefox 157 veröffentlichen. Damit wird sich auch das Aussehen von Firefox verändern. Das neue Design hört intern auf den Projektnamen „Nova”. Anfang März hatte ich weltweit als erstes über das neue Design von Firefox berichtet.

Mozilla nimmt Abstand vom geplanten „Insel”-Design

Die ersten Mockups des neuen Nova-Designs konnte man durchaus als mutig bezeichnen. Denn die Abgrenzung einzelner Bereiche als eine Art von „Inseln” war eine drastische Abkehr vom gewohnten Erscheinungsbild, was einerseits modern und frisch wirkte, aber natürlich auch nicht jedem gefiel. Mozilla hatte dieses Konzept in Vorab-Versionen von Firefox auch schon implementiert. Aber insbesondere die Anforderungen an „Fitts’ Gesetz” stellten eine Herausforderung dar, weil es dadurch Lücken gab, in denen der Nutzer nicht „blind” mit der Oberfläche interagieren konnte. Während dies zwar ein technisch grundsätzlich lösbares Problem gewesen wäre, hat sich Mozilla dazu entschieden, von dieser Idee Abstand zu nehmen und es doch bei einer traditionelleren Darstellung zu belassen.

„Nova” bringt mehr Farbe und Rundungen in Firefox

Charakteristisch für das Nova-Design von Firefox sind vor allem die starken Rundungen: Tabs, Adressleiste und Schaltflächen sind sehr viel runder als bisher. Auch zahlreiche Icons wurden erneuert. Wo bislang Grau oder Blau als Akzentfarbe eingesetzt worden ist, setzt Mozilla nun auf Violett-Töne. Und während Flächen bislang einfarbig und graue Farben dominant waren, setzt Mozilla mit „Nova” auf mehr Farbe und teilweise auch auf dezente Verläufe.

Ein solcher Verlauf zeigt sich vor allem in der Tab-Leiste, welche von links nach rechts in einer subtilen Weise den Farbton verändert. Anders als in den ersten Mockups, in denen die Navigations- und Lesezeichenleiste eine weiße Fläche und damit einen starken Kontrast zur Tableiste gehabt hätten, ähnlich zum Grau im aktuellen Firefox-Design, zieht sich der Verlauf der Tab-Leiste auch über die Navigations- und Lesezeichen-Leiste, allerdings mit einer reduzierten Deckkraft im Vergleich zur Tab-Leiste. Dies sorgt weiterhin für eine Abgrenzung, aber ergibt ein stimmigeres und vor allem farbenfroheres Gesamtbild.

Einen Verlauf hat auch die Kontur um den aktiven Tab erhalten, welcher sich damit besser sichtbar von der Tab-Leiste abgrenzt, als es bisher der Fall war.

Firefox 157 „Nova”-Design

Verschiedene Themes für unterschiedliche Farbstimmungen

Mit „Nova” setzt Mozilla nicht auf ein einziges Farbschema, sondern gibt dem Anwender gleich zwölf verschiedene Themes, zwischen denen jederzeit gewechselt werden kann. Diese sind nicht nur im Themes-Bildschirm von about:addons auswählbar, sondern auch direkt über die Startseite. Neue Nutzer können den Farbton auch schon bei der Ersteinrichtung auswählen.

Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design

Die Auswahl eines Farbschemas beeinflusst auch die Hintergrundfarbe der Firefox-Startseite.

Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design

Der Nutzer entscheidet, ob ein helles oder dunkles Theme genutzt wird

Ebenfalls neu und in den vorherigen Screenshots zu sehen: Überall, wo die Themes zur Auswahl stehen, kann der Nutzer jetzt auch direkt auswählen, ob er ein helles oder dunkles Theme nutzen möchte, was Auswirkungen auf Teile der Oberfläche wie Menü, Panels und die Startseite hat. Effektiv werden aus den zwölf standardmäßig inkludierten „Nova”-Themes damit 24 Farb-Optionen für den Nutzer, die Mozilla von Haus aus mitliefert. Aber auch mit anderen Themes funktioniert diese Option.

Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design

Spezielle Farb-Option für Linux-Nutzer

Linux-Nutzer haben bei Verwendung des Standard-Themes von Firefox eine neue Option erhalten, um das Linux-Theme anstelle des Firefox-Themes zu verwenden. Dies wirkt sich auf die Farbgebung aus, insbesondere auf die Verwendung der violetten Akzent-Farbe an manchen Stellen der Oberfläche.

Firefox 157 „Nova”-Design

Neue Einstellung für Dichte der Oberfläche

Mit „Nova” bekommt auch ein früheres Feature sein Comeback: Eine Einstellung zur Dichte erlaubt es, den Abstand rund um Fensterelemente wie Symbolleiste, Tabs und Seitenleiste anzupassen. Während dies in den letzten Jahren nur über eine versteckte Option möglich war und nicht mehr offiziell unterstützt wurde, handelt es sich jetzt wieder um eine offiziell unterstützte Konfiguration, die sich in den Einstellungen unter „Erscheinungsbild” vornehmen lässt.

Neben dem automatischen Modus, der eine entsprechende Systemeinstellung berücksichtigt, stehen die Optionen Standard, Kompakt sowie Touch zur Verfügung. Bei kompakter Darstellung werden Elemente platzsparender angeordnet, während die Touch-Option für größere Flächen sorgt.

Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design Firefox 157 „Nova”-Design

Icons für Vorschläge in Adressleiste

Bei Vorschlägen aus der Adressleiste überlagerte für Lesezeichen bereits ein Stern-Symbol das sogenannte Favicon der jeweiligen Website. Mit „Nova” zeigt Firefox auch für Vorschläge aus der Chronik ein Uhr-Symbol und für Seiten, die bereits als Tab geöffnet sind, ein Tab-Icon an.

Firefox 157 „Nova”-Design

Bessere Darstellung von Tab-Umgebungen in „Alle Tabs auflisten”-Menü

Das Menü „Alle Tabs auflisten” stellt Tab-Umgebungen mit „Nova” klarer dar, weil diese nicht länger nur durch einen Strich in Farbe der jeweiligen Tab-Umgebung dargestellt werden, sondern mit dem dazugehörigen Symbol.

Firefox 157 „Nova”-Design

Info-Schaltfläche für private Fenster

Überarbeitet wurde auch die Optik privater Fenster. Neben Farben und überarbeiteten Texten auf der Startseite wurde der Schriftzug „Privater Modus” am rechten Rand der Tab-Leiste durch ein Symbol ersetzt, auf dessen Klick eine Erklärung erscheint, was der Anwendungsfall für private Fenster ist.

Firefox 157 „Nova”-Design

Unabhängige Berichterstattung unterstützen.

Unterstütze wirklich unabhängige und Fakten-basierte Berichterstattung zu Mozilla, welche nicht das Ziel hat, Schlagzeilen zu produzieren, sondern objektiv zu informieren.

Dieser Artikel wurde von Sören Hentzschel verfasst.

Sören Hentzschel ist Webentwickler aus Salzburg. Auf soeren-hentzschel.at informiert er umfassend über Neuigkeiten zu Mozilla. Außerdem ist er Betreiber von mozilla-insights.org, einer Website, welche Fakten über Mozilla recherchiert und visualisiert, sowie camp-firefox.de, der ersten Anlaufstelle im deutschsprachigen Raum für Firefox-Probleme aller Art. Weitere Projekte sind firefox.agenedia.com, firefoxosdevices.org sowie sozone.de.

12 Kommentare - bis jetzt!

Eigenen Kommentar verfassen
  1. Merowinger
    schrieb am :

    Grundsätzlich finde ich das Design sehr ansprechend und modern ohne aufdringlich zu sein. Nur das mit den Violett-Tönen ist nicht mein Fall, wäre schön wenn man das später selbst noch anpassen könnte.

  2. Sören Hentzschel Verfasser des Artikels
    schrieb am :

    Wenn du darauf nicht warten möchtest (zumal mir auch keine Pläne bekannt sind, die Akzentfarbe offiziell anpassbar zu machen): Via userChrome.css sollte das kein Problem sein. Im Firefox-Forum kann man da ganz bestimmt helfen.

  3. Merowinger
    schrieb am :

    Wenn du darauf nicht warten möchtest (zumal mir auch keine Pläne bekannt sind, die Akzentfarbe offiziell anpassbar zu machen): Via userChrome.css sollte das kein Problem sein. Im Firefox-Forum kann man da ganz bestimmt helfen.

    Das wäre natürlich eine Möglichkeit, auch wenn ich nur ungern da rumhantieren würde. Mit dem richtigen Skin beschränkt sich das Violette ja auf die Einstellungen und diverse Dialoge.

  4. Peter Hardcore
    schrieb am :

    Wo ich gerade lese, dass es eine spezielle Farboption für Linuxnutzer (System) gibt.
    So etwas gab es doch auch mal als Schalter in about:config für Windowsnutzer. 
    Da wurde dann die Akzentfarbe aus Windows im Firefox benutzt. 
    Gibt es diesen Schalter noch? Wenn ja, wie heißt der? 

  5. Robert
    schrieb am :

    Wäre schon schick, wenn Firefox die Akzentfarbe von GNOME unterstützen würde, aber vielleicht kommt das ja noch irgendwann!

  6. Robert
    schrieb am :

    (Firefox weiß zumindest davon und nutzt sie bereits, z.B. in der Addressleiste, im Downloadbutton, usw.)

  7. Peter
    schrieb am :

    Die Option für die Dichte war nie weg 😉

    Was entfernt wurde, war die Einstellung "kompakt". Nach Benutzerprotesten blieb diese zum Glück als versteckte Option erhalten.

    Allerdings war das neue "kompakt" in etwa wie das alte "normal".

     

    Die schlimmsten Auswüchse von Nova wurden wohl wieder entfernt.

    Gar nicht anfreunden kann ich mich mit der Farbe Lila, da wurde ich neulich schon negativ vom neuen Android Splash Screen überrascht.

    Ebenso bin ich kein Fan von solchen Farbverläufen, das erinnert mich immer an schlechte LC-Displays.

    Wäre schön wenn Mozilla ein Theme in einem neutralen Grau einbaut. Vielleicht tut sich noch was bis zum nächsten ESR, so lange habe ich ja noch das alte Design.

  8. Sören Hentzschel Verfasser des Artikels
    schrieb am :

    Die Option für die Dichte war nie weg

    Wie ja auch im Artikel steht, war dies nur über eine versteckte Option und nicht über eine sichtbare Einstellung möglich. Und noch wichtiger: Mozilla hat diese Konfiguration in den letzten Jahren nicht offiziell unterstüzt. Das heißt, weder wurde diese Konfiguration getestet noch Rücksicht darauf genommen. Ab Firefox 157 wird diese Konfiguration wieder offiziell unterstützt.

    Die schlimmsten Auswüchse von Nova wurden wohl wieder entfernt.

    Ich weiß nicht mit Sicherheit, was du mit „Auswüchse” meinst. Eine sachliche Beschreibung ist immer zielführend. Ich kann nur vermuten, dass du wahrscheinlich das Insel-Design meinst, weil das das einzige nennenswerte Design-Merkmal ist, welches gegenüber den ersten Mockups zurückgenommen worden ist. Und ich finde das extrem schade, weil es das Design von Firefox meiner Meinung nach deutlich aufgewertet hatte.

    Gar nicht anfreunden kann ich mich mit der Farbe Lila, da wurde ich neulich schon negativ vom neuen Android Splash Screen überrascht.

    Ich halte das für eine schöne Farbe, die aktuell auch sehr im Trend liegt. Es gibt auch andere Produkte, welche diese Farbe nutzen. Aber das Schöne an Firefox ist ja, dass man das via userChrome.css anpassen kann, wenn man möchte.

    Ebenso bin ich kein Fan von solchen Farbverläufen, das erinnert mich immer an schlechte LC-Displays.

    Den Zusammenhang zu „schlechten LC-Displays” verstehe ich nicht. Da habe ich nicht einmal eine Idee, wie man auf diesen Gedanken kommt. Zumal der Toolbar-Verlauf wirklich sehr dezent ist.

    Wäre schön wenn Mozilla ein Theme in einem neutralen Grau einbaut.

    Es gibt mehr als 515.000 (!) Themes für Firefox. Da sollte etwas für dich dabei sein.

    Vielleicht tut sich noch was bis zum nächsten ESR, so lange habe ich ja noch das alte Design.

    Am Nova-Design wird sich nichts mehr grundlegend verändern, höchstens Details.

  9. Peter Hardcore
    schrieb am :

    Wo ich gerade lese, dass es eine spezielle Farboption für Linuxnutzer (System) gibt.
    So etwas gab es doch auch mal als Schalter in about:config für Windowsnutzer. 
    Da wurde dann die Akzentfarbe aus Windows im Firefox benutzt. 
    Gibt es diesen Schalter noch? Wenn ja, wie heißt der? 

     

    Hab den Schalter gefunden: 

    browser.theme.windows.accent-color-in-tabs.enabled

    Mit dem neuen dunklen Standarddesign sieht das richtig Knorke aus. 

  10. Sören Hentzschel Verfasser des Artikels
    schrieb am :

    Danke, dass du die Frage noch selbst beantwortet hast. Ich hatte die Frage nicht mehr auf dem Radar und hätte das auch erst recherchieren müssen. Vielleicht findet das ja noch jemand nützlich.

  11. Peter
    schrieb am :

    Den Zusammenhang zu „schlechten LC-Displays” verstehe ich nicht. Da habe ich nicht einmal eine Idee, wie man auf diesen Gedanken kommt. Zumal der Toolbar-Verlauf wirklich sehr dezent ist.

    Weil auf einem nicht so guten LCD eine einfarbige Fläche zu einem Farbverlauf wird. Und sei es nur eine sichtbare Änderung der Helligkeit.

    Daran werde ich immer erinnert wenn ich solche Farbverläufe sehe, und mir gefällt es einfach nicht. Schon in Windows 98 habe ich den Farbverlauf in den Titelleisten abgeschaltet. Damals konnte man das Design in Windows noch detailiert einstellen.

  12. Sören Hentzschel Verfasser des Artikels
    schrieb am :

    Dann hatte ich wohl noch nie einen schlechten Bildschirm. Ich bezweifle auch, dass heute noch Bildschirme verkauft werden, auf die das zutrifft. Unabhängig davon bleibt diese Assoziation für mich kein bisschen nachvollziehbar. Einen Verlauf mental mit einem Defekt zu verbinden, finde ich vollkommen wild und ist auch ein Feedback, dass ich nie von irgendjemandem sonst jemals gehört habe.

    Gut jedenfalls, dass Mozilla dir über 515.000 Themes für Firefox anbietet. Da dürfte dann ja auch etwas nach deinem Geschmack dabei sein.

Und jetzt du! Deine Meinung?

Erforderliche Felder sind mit einem Asterisk (*) gekennzeichnet. Die E-Mail-Adresse wird nicht veröffentlicht.
  1. Nach Absenden des Kommentar-Formulars erfolgt eine Verarbeitung der von Ihnen eingegebenen personenbezogenen Daten durch den datenschutzrechtlich Verantwortlichen zum Zweck der Bearbeitung Ihrer Anfrage auf Grundlage Ihrer durch das Absenden des Formulars erteilten Einwilligung.
    Weitere Informationen