Erscheinungsbild

Im Erscheinungsbild legst du fest, wie flinkest im Browser aussieht — Markenfarbe, Grundton der Flächen, Eckenrundung, Schriftart/-größe sowie die Farben der Statusmeldungen und die Höhe der Eingabefelder. Das ist reine Wiedererkennung und Ergonomie: Ein Betrieb will sein Team in „seiner" Farbe statt im Flinkest-Grün arbeiten sehen, und Dichte/Schriftgröße sind Komfort-Stellschrauben, die niemandem die Fachlogik ändern. Die Einstellung gilt für den ganzen Betrieb, nicht je Benutzer, und wirkt nur auf die Bedienoberfläche — wie deine Belege als PDF aussehen, regelt getrennt davon das Belegdesign. Für den gesamten Einstellungsbereich brauchst du Administratorrechte; ohne sie ist die Seite gar nicht erreichbar, auch nicht lesend.

Navigation und Live-Vorschau

Zwischen Marke und Erweitert wechseln

Zwei Reiter — Marke und Erweitert — trennen die wenigen Stellschrauben, die nach außen wirken (Corporate-Identity-Vorlage), von kuratierten Zusatzoptionen, die tatsächlich sichtbar rendern (Statusfarben, Dichte). Bewusst nicht die volle Farbpalette von PrimeNG: Die meisten rohen PrimeNG-Tokens sind in dieser Anwendung durch das eigene Design-System bereits überschrieben und hätten keine sichtbare Wirkung. Der aktive Reiter steht als Anker in der Adresszeile (#brand/#advanced) — ein Lesezeichen darauf funktioniert deshalb, und beim erneuten Öffnen landest du wieder dort, wo du zuletzt warst.

Live-Vorschau aller Bedienelemente

Rechts neben den Einstellungen läuft unter der Überschrift Live-Vorschau eine Sammlung der Bausteine, aus denen die Oberfläche besteht, mit — so siehst du eine Änderung an allen Stellen gleichzeitig, statt sie in der Anwendung suchen zu müssen: Schaltflächen in allen Ausprägungen, Formularfelder (Eingabefeld, Auswahlliste, Kontrollkästchen, Schalter, Link), eine Reiterleiste, eine Beispiel-Datentabelle, Meldungen in allen vier Statusfarben und eine Abstufung der Oberflächenfarbe von 0 bis 900. Beide Reiter bleiben dabei im Hintergrund geladen: Wechselst du von Marke zu Erweitert und zurück, bleiben deine noch ungespeicherten Eingaben in beiden erhalten. Jede Änderung wirkt zusätzlich sofort auf die gesamte laufende Oberfläche — Menü, Kopfzeile und alles, was gerade offen ist, zieht mit. Solange du nicht gespeichert hast, ist das nur ein Probelauf: Beim nächsten Laden der Seite gilt wieder der zuletzt gespeicherte Stand.

Speichern sichert nur den aktiven Reiter

Speichern oben rechts ist in beiden Reitern vorhanden, wirkt aber jeweils nur auf den, in dem du gerade stehst. Hast du in Marke und Erweitert etwas verstellt, schreibt ein Klick nur den aktiven Reiter; die Änderungen im anderen bleiben in der laufenden Oberfläche zwar sichtbar, sind aber nicht gespeichert und beim nächsten Laden weg — also erst den einen Reiter speichern, dann umschalten und den anderen. Erfolgreiches Speichern bestätigt flinkest mit „Erscheinungsbild gespeichert". Serverseitig prüft flinkest bei jedem Speichern, ob die gewählte Farbe ein gültiger Hex-Wert ist — über das Farbwahl-Feld selbst kommt aber ohnehin nie ein ungültiger Wert zustande.

Reiter „Marke"

Markenfarbe wählen

Ein runder Farbpunkt öffnet den Farbwähler deines Browsers. Aus dieser einen Farbe erzeugt flinkest die komplette Abstufung von sehr hell bis sehr dunkel und verwendet sie überall dort, wo die Oberfläche „deine" Farbe zeigt: Schaltflächen, aktive Reiter, Links, Hervorhebungen. Du musst also nur eine Farbe kennen, nicht elf Abstufungen selbst pflegen. Beim Öffnen der Seite steht im Feld die Farbe, die gerade gilt, nicht Schwarz — solange du noch keine eigene gespeichert hast, zeigt flinkest ehrlich den aktuellen App-Standard.

Oberflächenton wählen

Eine Umschaltleiste mit Standard, Slate, Gray, Zinc, Neutral und Stone bestimmt den neutralen Grundton, aus dem Flächen, Hintergründe, Tabellenköpfe und Ränder gemischt werden — unabhängig von der Markenfarbe, von leicht bläulichem Grau (Slate) bis zu leicht wärmerem Grau (Stone). Am schnellsten siehst du den Unterschied unten in der Live-Vorschau an der Oberflächen-Abstufung.

Eckenradius wählen

Standard, Keine, Klein, Mittel oder Groß bestimmen, wie stark Schaltflächen, Eingabefelder, Karten und Dialoge an den Ecken gerundet sind — ein reines Erscheinungsbild-Statement über die ganze Oberfläche hinweg. Keine ergibt durchgehend rechtwinklige Ecken.

Schriftart und Schriftgröße wählen

Die Auswahlliste Schriftart bietet Standard und zehn Schriften (Inter, Roboto, Open Sans, Lato, Poppins, Nunito, Montserrat, DM Sans, Figtree, Source Sans Pro); jeder Eintrag ist in seiner eigenen Schrift gesetzt, damit du den Charakter erkennst, bevor du auswählst. Die Schriften stecken nicht in der Software, sondern werden beim Öffnen der Liste aus einem Schriften-Dienst im Internet nachgeladen — deshalb erscheint der Vorschautext gelegentlich einen Sekundenbruchteil später. Darunter skaliert Schriftgröße (Standard, 12–16px) die ganze Oberfläche mit, nicht nur den Fließtext — 12px macht flinkest insgesamt kompakter, 16px insgesamt größer. Solange beide Felder auf Standard stehen, bleibt die eingebaute Schrift der Software unverändert; das Gleiche gilt für Oberflächenton und Eckenradius, solange sie auf Standard stehen.

Eine Vorlage übernehmen

Das Auswahlfeld Vorlagen oben rechts bietet fünf fertige Kombinationen — Flinkest, Ocean Blue, Graphite, Violet, Amber. Ein Klick füllt Markenfarbe, Oberflächenton, Eckenradius, Schriftart und Schriftgröße auf einmal; danach darfst du jeden Wert einzeln weiterdrehen. Die Vorlagen selbst lassen sich weder ändern noch überschreiben — sie sind Startpunkte, keine eigenen gespeicherten Designs, und es gibt ohnehin nur ein Erscheinungsbild je Betrieb. Die Vorlage Flinkest stellt dabei alle fünf Felder auf Standard — das räumt die Felder zwar leer, die laufende Oberfläche behält aber bis zum Speichern und erneuten Laden ihr aktuelles Aussehen, weil ein leeres Feld nichts übersteuert. Willst du den Ausgangszustand sofort sehen, nimm stattdessen Auf Standard zurücksetzen.

Auf Standard zurücksetzen

Die Schaltfläche Auf Standard zurücksetzen — nur im Reiter Marke vorhanden — stellt den Auslieferungszustand sofort und ohne Rückfrage her und speichert ihn gleich mit; es erscheint die Meldung „Erscheinungsbild auf Standard zurückgesetzt". Sie räumt dabei bewusst mehr ab als nur den Reiter Marke: Markenfarbe, Oberflächenton, Eckenradius, Schriftart und Schriftgröße genauso wie die Statusfarben und die Dichte aus dem Reiter Erweitert — ein Reset soll vollständig sein, nicht nur den gerade offenen Reiter treffen.

Reiter „Erweitert"

Statusfarben einstellen

Vier Farbpunkte — Erfolg, Gefahr, Warnung, Info — steuern die Farbe von Erfolgs-, Fehler-, Warn- und Info-Schaltflächen, -Tags und -Meldungen app-weit, zum Beispiel für farbenblindheitsgerechte Anpassung oder um Statusfarben von der Markenfarbe abzuheben. Neutrale Erfolgs-Indikatoren wie „bezahlt" oder „erledigt" behalten dabei ausdrücklich ihre eigene Farbe und sind von diesem Regler nicht betroffen.

Dichte einstellen

Die Umschaltleiste Kompakt, Normal, Komfortabel steuert die Höhe aller Eingabefelder und Auswahllisten app-weit: Kompakt zeigt mehr auf einen Blick, Komfortabel eignet sich besser für Touch-Bedienung, etwa auf einem Tablet im Außendienst. Eine eigene Speichern- oder Zurücksetzen-Schaltfläche hat dieser Reiter nicht — beides läuft über die im Reiter Marke stehenden Aktionen, siehe oben.

Warum hier nicht mehr steht. Der Reiter Erweitert bleibt bewusst auf diese beiden Gruppen beschränkt, weil nur sie sich in flinkest verlässlich auswirken — Menü, Seitenleiste und die meisten Listen sind eigens gestaltet und lassen sich nicht über einzelne Stellschrauben umfärben.

Verwandte Seiten

• Allgemeine Einstellungen
• Menüs
• Belegdesign
• Benutzer
• Rollen
• Shop Erscheinungsbild

Häufige Fragen

Gilt ein Erscheinungsbild für den ganzen Betrieb oder für jeden Benutzer einzeln? Für den ganzen Betrieb. Es gibt genau ein Erscheinungsbild je Mandant, keine persönliche Einstellung je Benutzer. Wer als Administrator unter Einstellungen › Erscheinungsbild speichert, ändert das Aussehen für alle.

Ändert das Erscheinungsbild auch meine Rechnungen und Lieferscheine? Nein. Markenfarbe, Schrift, Rundung und Dichte wirken nur auf die Bedienoberfläche im Browser. Das Aussehen der PDF-Belege ist davon vollständig getrennt und wird im Belegdesign eingestellt.

Ich habe in beiden Reitern etwas geändert, gespeichert wurde aber nur die Hälfte. Speichern sichert immer nur den Reiter, der gerade offen ist. Speichere zuerst Marke, wechsle dann zu Erweitert und speichere dort erneut.

Wie komme ich schnell zum Auslieferungszustand zurück? Im Reiter Marke mit Auf Standard zurücksetzen — das wirkt sofort, wird gleich mitgespeichert und löscht auch Statusfarben und Dichte aus dem Reiter Erweitert. Die Vorlage Flinkest leert zwar dieselben Felder, zeigt den Ausgangszustand aber erst nach Speichern und erneutem Laden.

Lassen sich die mitgelieferten Vorlagen bearbeiten oder als eigenes Design speichern? Nein. Die fünf Vorlagen sind fest eingebaute Startpunkte, die nur die Felder füllen. Deine Anpassungen landen immer in dem einen Erscheinungsbild des Betriebs — eine Liste eigener, benannter Designs gibt es hier anders als beim Belegdesign nicht.

Kollegen sehen meine Änderung nicht. Neue, gespeicherte Werte kommen bei angemeldeten Benutzern automatisch an, ohne dass sie neu laden müssen. Ungespeicherte Änderungen sieht ohnehin nur, wer sie gerade vornimmt.