Themes / White Labeling

Theme Einstellungen

Auf der Theme-Konfigurationsseite können Sie das Aussehen Ihrer Umgebung individuell gestalten. Passen Sie Hintergründe an, laden Sie Logos hoch und ändern Sie Branding-Elemente wie Farben und Typografie, damit alles zu Ihrem Stil passt. Gestalten Sie das User Interface passend zu Ihrer Unternehmensidentität und sorgen Sie für eine einheitliche User Experience auf der gesamten Plattform. Die Theme Einstellungen sind in drei Bereiche unterteilt: Branding, Allgemeine Farben und Model Farben.

• Branding: Hier personalisieren Sie zentrale visuelle Elemente wie Header-Hintergrund, Logos und Thumbnails. So entsteht ein einheitliches Brand-Erlebnis auf der Plattform.
• Allgemeine Farben: Hier passen Sie alle Farben der Anwendung für Light- und Dark-Mode an und erstellen jeweils eigene Theme-Setups pro Umgebung.
• Model Farben: Hier ändern Sie die Farben der Modellierungsattribute – nützlich, wenn Modelle sich farblich vom restlichen System abheben sollen.
• Dataset Farben: Legen Sie die Farben von Dataset-Attributen fest, um Datensätze im Look von der restlichen Plattform zu unterscheiden.
• Chart Farben: Legen Sie hier die Farben für Ihre Charts fest, um Auswertungen optisch vom restlichen Design abzugrenzen.

Gestalten Sie Ihre Umgebung

Hier können Sie wichtige visuelle Elemente Ihrer Umgebung personalisieren, einschließlich Header-Hintergründe, Logos und Thumbnails. Damit können Sie eine konsistente Markenidentität über die Plattform hinweg schaffen. Ob Sie Ihr Unternehmenslogo aktualisieren oder einen benutzerdefinierten Hintergrund festlegen, diese Tools helfen Ihnen, das Erscheinungsbild Ihrer Anwendung zu verfeinern.

Allgemeine App-Farben

Personalisieren Sie die Anwendungsfarben für sowohl helle als auch dunkle Modi, wodurch Sie zwei vollständige Theme-Einstellungen für jede Umgebung erhalten. Testen Sie Ihre Änderungen sorgfältig, um einen guten Kontrast zwischen Text und Hintergründen für optimale Lesbarkeit und Benutzererfahrung sicherzustellen. Mit dieser Flexibilität können Sie das Erscheinungsbild Ihrer Plattform vollständig an die Identität Ihrer Marke anpassen.

Prozessmodell-Farben

Passen Sie die Farben von Modellierungsobjekten und Canvas für Light- und Dark-Mode individuell an. So haben Sie pro Umgebung zwei komplette Theme-Settings. Testen Sie die Änderungen sorgfältig, damit Kontraste stimmen und alles optimal lesbar bleibt. Mit dieser Flexibilität gestalten Sie Ihre Plattform ganz nach Ihrer Brand-Identity – für beide Modi.

Dataset-Farben

Passen Sie Dataset-Objekt- und Canvas-Farben gezielt für Light- und Dark-Mode an. Besonders nützlich, wenn Sie mehrere Datasets in einem Modell verwenden, da Sie so Datasets visuell voneinander abgrenzen können. Dataset-Farben erscheinen bei Attributen mit Daten und machen aktive Data-Links sofort sichtbar. Die oben genannten Farben sind Standardwerte für Attribute ohne Daten. Auch hier können Sie die Namen so anpassen, dass sie besser zu Ihrer Terminologie passen.

Chart-Farben

Gestalten Sie die Farben Ihrer Chart-Objekte für Light- und Dark-Mode individuell. Sie können dies zum Beispiel in den Gauge-Chart-Norm-Einstellungen nutzen, um gute, Warn- und Risiko-Bereiche zu kennzeichnen. Auch die Namen können Sie an Ihre eigene Terminologie anpassen.

Visuelle Hilfen

Wenn Sie Änderungen am Theme vorgenommen haben, zeigt der Hintergrund der Farbe an, dass Änderungen an diesem speziellen Attribut vorgenommen wurden.

Um eine Farbe zu ändern, klicken Sie auf einen farbigen Kreis für das gewählte Theme (hell oder dunkel). Ein Farbwähler erscheint, mit dem Sie einen Farbton auswählen oder einen HEX / RGB / HSL-Wert eingeben können. Wenn Sie sich bei den Farbwerten unsicher sind, verwenden Sie das “PipetIcon”, um eine Farbe von irgendwo auf dem Bildschirm auszuwählen. Die Aktualisierungen erfolgen sofort.

Beispiel eines Themes

Entdecken Sie verschiedene Möglichkeiten, das Theme Ihrer Anwendung zu verändern. Hier wurde das ursprüngliche Theme angepasst, um blaue und grüne Variationen zu präsentieren.

Vom Original

Zu Blau

Änderungen, die vorgenommen wurden, waren Textfarbe, Körperfarbe, Panel-Farbe (hell), Logo-Bild, Logo-Text und Header-Hintergrund.

Zu Matrix-Grün

”Choice. The problem is choice” – Neo (The Matrix Reloaded)

Modellfarben

Passen Sie die Farben der Modellierungsattribute an, damit sie sich vom Rest der Anwendung unterscheiden. Dies sorgt für ein unverwechselbares Aussehen Ihrer Modelle.