Fügen Sie Ihrem Design die von Ihnen erstellten Stile hinzu, um das Erscheinungsbild der Benutzer-Experience zu ändern.
Warum und wann dieser Vorgang ausgeführt wird
Das Standarddesign von Next Experience heißt Polaris. Sie können das Polaris -Design als Ausgangspunkt wiederverwenden oder anpassen, wenn Sie eigene Designs erstellen oder ändern.
Prozedur
-
Navigieren zu .
-
Wählen Sie Neu, um einen Themendatensatz zu erstellen.
-
Geben Sie einen Namen und eine Beschreibung für Ihr Design ein.
-
Klicken Sie auf das Symbol „
“ ) und dann auf Speichern.
-
Fügen Sie auf der Registerkarte Komposition: App -Design Zeilen hinzu, um Stile hinzuzufügen, die Ihrem Design zugeordnet sind.
Sie weisen Werte in vier Spalten zu:
- Anwendungsbereich
Die Anwendbarkeit ist so angegeben, dass das Basisthema überschrieben werden kann. Benutzer, die die Anwendbarkeitsbeschränkungen erfüllen, sehen diese Überschreibungen in ihrem Design und nicht im Basisstil. Beispielsweise kann ein Stil mit verschiedenen Schriftarten auf Manager angewendet werden. Benutzer, die die Anwendbarkeit für Manager erfüllen, sehen in der Next Experience-UI unterschiedliche Schriftarten, wodurch die Designwerte des Basissystems überschrieben werden. Administratoren müssen nicht ein ganzes Design mit Änderungen für die entsprechende Zielgruppe kopieren oder erstellen.
Hinweis: Wenn Sie die Anwendbarkeitsbeschränkung leer lassen, wird der Stil auf alle Benutzer angewendet.
- Bestellen
- Die Reihenfolge gibt an, wann der Stil angewendet wird. Je höher die Reihenfolge, desto höher die Priorität.
Hinweis: Wenn Sie einen benutzerdefinierten Stil verwenden möchten, stellen Sie sicher, dass Ihre Stil-Reihenfolgenummer höher ist als der Polaris-Standardstil.
- Stil
- Sie können vier Hauptstile konfigurieren. Sie können die Stilnamen, die im Polaris-Design verwendet werden, nicht bearbeiten. Sie können jedoch den JSON-Code, der jedem Stil zugeordnet ist, aus diesem Design kopieren und in das Formular Ihres benutzerdefinierten Stils einfügen und bearbeiten.
- Typ
- Es gibt zwei Typen: Core und Variante. Zu den Kernstilen gehören Farbe, Form und Form, Typografie und Bilder. Varianten sind eine andere Version des Designs, verschiedene Farben, die Benutzer in den Einstellungen auswählen können. Die häufigste Variante ist eine dunkle Version des Designs. Das dunkle Design ist die einzige Variante, die im Lieferumfang von Next Experienceenthalten ist. Weitere Informationen finden Sie unter Themen in erkunden Next Experience.
-
Wählen Sie das Feld Stil und dann das
.
-
Wählen Sie Neu.
-
Wählen Sie die Farben Primär, Sekundär und Neutral aus.
Hinweis: Ein Design besteht aus mehreren Variablen, daher kann die Standardfarbgebung des Polaris-Designs an verschiedenen Stellen angezeigt werden.
-
Wenn Sie die Branding-Farben Ihrer Organisation haben, navigieren Sie zum Farbgenerator https://theme.deoprototypes.com/color-generator-algo-v1.
-
Klicken Sie auf die Schaltfläche Automatisch generieren.
Ein modales Popup-Fenster, in dem Sie aufgefordert werden, die drei Farben Ihrer Organisation einzugeben.
-
Geben Sie Ihre Hexadezimalcode-Werte für die Farben Ihrer Organisation ein.
-
Klicken Sie auf Generieren.
-
Klicken Sie auf JSON kopieren, um Ihre CSS-Variablen zu erfassen.
-
Füllen Sie das Formular „UX-Stil“ aus.
-
Wählen Sie Absenden.
-
Wählen Sie Aktualisieren.