Kernstile, Farben, Varianten und alternative Farbpaletten

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer
  • Sie können das Erscheinungsbild der Next Experience -UI für verschiedene Benutzer anpassen, indem Sie die Kernstile, Varianten und alternative Farbpaletten konfigurieren.

    Kernstile in Themengenerator

    Ein Kernstil ist die Basisversion eines Stils. Zu den Kernstilen gehören Farbe, Form und Form, Typografie und Bilder.

    Farben in Themengenerator

    Verwenden Sie die Farbauswahl, um die Hintergrundfarbe der Canvas zu ändern.
    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 Thema auf die Instanz anwenden.
    Wenn Sie Designfarben bearbeiten, können Sie das Kontrastverhältnis in der Farbauswahl anzeigen. Der Wert wird aktualisiert, wenn Sie die Farbe in der Palette oder in der Ansicht „Meine Farben“ ändern.

    Varianten/Alternative Farbpaletten in Themengenerator

    Eine Variante (oder eine alternative Farbpalette, wie sie in Themengenerator genannt wird) ist eine alternative Version eines vorhandenen Designs, das Benutzer in den Einstellungen auswählen können. Ein Beispiel für eine Variante ist die dunkle Version des standardmäßigen Polaris-Designs, das im Lieferumfang von Next Experienceenthalten ist. Die dunkle Variante kann verwendet werden, um die Barrierefreiheit für sehbehinderte Benutzer 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. Es kann in der Manager-Seitenansicht Themengenerator für jedes Design mit Ausnahme des Polaris-Standarddesigns definiert werden. Wenn Sie ein vorhandenes Design verwenden, um eine alternative Farbpalette zu erstellen, wird die alternative Farbpalette mit diesem primären Design gruppiert und verwendet anfänglich dessen Logo, Farbe, Typografie und 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 kennzeichnen. Ebenso können Sie bei Bedarf eine Sekundärfarbe definieren. Wenn für Ihre Benutzeroberfläche keine Sekundärfarbe erforderlich ist, wird die Primärfarbe verwendet. Zuletzt definieren Sie eine neutrale Farbe, um die Definition von Trennlinien und Containern zu unterstützen.

    Wenn die Palette mit den von Ihnen ausgewählten Farben erstellt wird, haben Sie die Möglichkeit, sie umzubenennen. Sie können auch Zeigen Sie eine Vorschau aller im verfügbaren UI-Assets an Now Platform , um zu visualisieren, wie sie gerendert werden, wenn Sie sie auf Ihre Instanz anwenden.

    Hinweis:
    Die dunkle Variante gilt nicht für die Kern-UI, die zuvor als UI16 bezeichnet wurde. Die Core-UI ist die Schnittstelle, die Sie verwenden, wenn Next Experience deaktiviert ist. Die dunkle Variante erstreckt sich jedoch auf die folgenden UI-Assets:
    • Katalogelemente
    • Formulare und Listen der klassischen -Umgebung
    • Dashboards
    • Wissensartikel
    • Berichte
    • Visual Task Boards
    • Arbeitsbereiche