Kernstile, Farben, Varianten und alternative Farbpaletten

Sie können das Erscheinungsbild von anpassen Next Experience UI für verschiedene Anwender durch Konfiguration der Kernstile, Varianten und alternativen Farbpaletten.

Kernstile in Themengenerator

Ein Kernstil ist die Basisversion eines Stils. Kernstile umfassen Farbe, Form und Form, Typografie und Bilder.

Farben in Themengenerator

Verwenden Sie beim Bearbeiten von Komponenten die Farbauswahl, um die Hintergrundfarbe der Canvas zu ändern, um anzuzeigen, wie die Komponentenfarben auf verschiedenen Hintergründen gerendert werden.

Hinweis:

Das Aktualisieren der Canvas-Farbe gilt nicht für die Instanz. Nur für Komponenten spezifische Hooks werden auf die Instanz angewendet, wenn Sie ein bearbeitetes Design in der Instanz veröffentlichen.

Beim Bearbeiten von Designfarben können Sie das Kontrastverhältnis in der Farbauswahl anzeigen. Der Wert wird aktualisiert, wenn Sie die Farbe in der Ansicht „Palette“ oder „meine Farben“ ändern.

Varianten/Alternative Farbpaletten in Themengenerator

Sowohl Varianten als auch alternative Farbpaletten sind Typen von UX-Stildatensätzen, die als Variante kategorisiert sind.

Eine Variante ist eine alternative Version eines vorhandenen Designs, die normalerweise auf Barrierefreiheit ausgelegt ist und die Ihre Anwender in den Einstellungen auswählen können. Ein Beispiel für eine Variante ist die dunkle Version des standardmäßigen Polaris- oder Korallendesigns, das im Lieferumfang enthalten ist Next Experience. Die Variante „Dunkel“ kann verwendet werden, um die Barrierefreiheit für sehbehinderte Anwender zu verbessern, indem helle Hintergründe durch dunklere ersetzt und die Textfarben entsprechend kontrastiert werden.

Eine alternative Farbpalette ist eine Änderung, die Sie an den Farben eines Designs vornehmen können. Sie wurde für kosmetische Zwecke entwickelt. Mit alternativen Farbpaletten können Anwender zwischen verschiedenen visuellen Stilen wie hellen und dunklen Optionen wechseln, ohne das Kerndesign zu beeinträchtigen. Sie können diese Palette in definieren Themengenerator Managerseite für ein beliebiges Design, mit Ausnahme der standardmäßigen Polaris- oder Korallendesigns. Wenn Sie ein vorhandenes Design verwenden, um eine alternative Farbpalette zu erstellen, wird die alternative Farbpalette mit diesem primären Design gruppiert und teilt anfänglich ihr Logo, ihre Farbe, ihre Typografie und ihre Formstile. Der einzige Unterschied zum primären Design besteht zunächst darin, dass Sie ihm einen eindeutigen Namen zuweisen.

Als Nächstes definieren Sie die Primärfarbe für die alternative Farbpalette. Diese Farbe wird verwendet, um die Navigationsleiste, Menüs und andere allgemeine Komponenten zu identifizieren. Definieren Sie ebenfalls eine sekundäre Farbe , Falls erforderlich. Wenn Ihre Schnittstelle keine sekundäre Farbe erfordert, wird die primäre Farbe verwendet. Schließlich definieren Sie eine neutrale Farbe, um Trennlinien und Container zu definieren. Es sind zwei Basispaletten verfügbar, hell und dunkel.

Hinweis:

Sekundäre und neutrale Farben können in der dunklen alternativen Farbpalette nicht bearbeitet werden.

Wenn die Palette mit den von Ihnen ausgewählten Farben erstellt wird, können Sie sie umbenennen. Sie können Zeigen Sie eine Vorschau aller UI-Assets an, die auf der verfügbar sind ServiceNow AI Platform Um zu visualisieren, wie sie gerendert werden, wenn Sie sie auf Ihre Instanz anwendenan.

Hinweis:

Dunkle Varianten Nicht Auf anwenden Core-UI, Zuvor als UI16 bezeichnet. Die Core-UIIst die Schnittstelle, die Sie verwenden, wenn Next Experience Ist Inaktiv . Dunkle Varianten erstrecken sich jedoch auf die meisten Aspekte Von Next Experience.