Unterstützung von Farbvariablen für Eingabebeschreibungen

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer
  • Erfahren Sie, wie Sie Farbvariablen verwenden, um das Design in Ihren Beschreibungen für mobile Eingaben zu ändern.

    Verwenden Sie Farbvariablen in Beschreibung Feld Ihrer Eingaben zur Steuerung der Textfarbe.

    Verwenden Sie Farbvariablen in Beschreibung Feld Ihrer Eingaben zur Steuerung der Textfarbe wann Beschreibung Feld ist konfiguriert als HTML .

    Zum Beispiel zusätzlich zu Farb-HEX-Werten wie NR. FF0000 , Sie können eine Farbvariable verwenden, z. B. --now-color-primary-0 . Eine Liste der verfügbaren Variablen finden Sie unter Überlegungen zum Farbdesign für Mobilgeräte.

    Details zu Eingaben finden Sie unter Eingabeformular-Bildschirme konfigurieren.

    Farbvariable, die in einer Eingabebeschreibung verwendet wird

    Farbleitfaden für Eingabebeschreibung

    Farbvariablen sind unterteilt. Verwenden Sie die Designleitlinie, um die richtige Farbvariable für Ihren Anwendungsfall zu identifizieren.

    Warnungsfarbpalette
    Farben der Warnungsfarbpalette heben wichtige Status, status und Aufgaben hervor. Verwenden Sie Warnungsfarben, um eine bestimmte Bedeutung zu kommunizieren, anstatt für Dekoration oder Organisation.
    Gruppierte Farbpalette
    Gruppierte Farbpalettenfarben entsprechen Farbkonventionen in einer Branche. Verwenden Sie diese Farben, um anzuzeigen, dass das farbige Element einer bestimmten Branche oder Branche zugeordnet ist. Die Bedeutung der einzelnen Farben hängt vom Kontext ab, sollte jedoch innerhalb Ihrer App konsistent bleiben.
    Tabelle : 1. Warnungsfarbpalette
    Farbname Beispiel Farbvariablen
    Kritisch Farbschema für kritische Warnung
    Mobile Variable
    alert--critical-0
    Webvariable
    --now-color_Alert--critical-0
    Hoch Farbschema für hohe Warnungen
    Mobile Variable
    alert--high-0
    Webvariable
    --now-color_Alert--High-0
    Warnung Farbschema für Warnungswarnung
    Mobile Variable
    alert--warning-0
    Webvariable
    --now-color_Alert--warning-0
    Mittel Farbschema für mittlere Warnungen
    Mobile Variable
    alert--moderate-0
    Webvariable
    --now-color_Alert--moderate-0
    Info Farbschema für Info-Warnung
    Mobile Variable
    alert--info-0
    Webvariable
    --now-color_Alert--info-0
    Positiv Farbschema für positive Warnungen
    Mobile Variable
    alert--positive-0
    Webvariable
    --now-color_Alert--positive-0
    Niedrig Farbschema für niedrige Warnung
    Mobile Variable
    alert--low-0
    Webvariable
    --now-color_Alert--low-0
    Deaktiviert Warnungsfarbschema deaktiviert
    Mobile Variable
    Warnung-deaktivierter-Hintergrund
    Webvariable
    --now-color_background--sekundär
    Kritisch (Alternative) Alternative Farbschema für kritische Warnungen
    Mobile Variable
    alert--critical-4
    Webvariable
    --now-color_Alert--critical-4
    Hoch (Alternativ) Alternative Farbschema für hohe Warnungen
    Mobile Variable
    alert--high-4
    Webvariable
    --now-color_Alert--High-4
    Warnung (Alternative) Alternative Farbschema für Warnungswarnung
    Mobile Variable
    alert--warning-4
    Webvariable
    --now-color_Alert--warning-4
    Mittel (Alternative) Alternative Warnungsfarbschema „Mittel“
    Mobile Variable
    alert--moderate-4
    Webvariable
    --now-color_Alert--moderate-4
    Info (Alternative) Alternative Farbschema für Info-Warnung
    Mobile Variable
    alert--info-4
    Webvariable
    --now-color_Alert--info-4
    Positiv (Alternativ) Alternative Farbschema für positive Warnungen
    Mobile Variable
    alert--positive-4
    Webvariable
    --now-color_Alert--positive-4
    Niedrig (Alternativ) Alternative Farbschemata für niedrige Warnungen
    Mobile Variable
    alert--low-4
    Webvariable
    --now-color_Alert--low-4
    Deaktiviert (Alternative) Alternative Warnungsfarbschema deaktiviert
    Mobile Variable
    Warnung-deaktivierter-Text
    Webvariable
    --now-color_Text--tertiär
    Tabelle : 2. Gruppierte Farbpalette
    Farbname Beispiel Farboptionen
    Blau Blau gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Blue-0
    Braun Braun gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Brown-0
    Grau Grau gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Grey-0
    Grün Grün gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Green-0
    Grüngelb Grün-gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--grün-gelb-0
    Magenta Gruppiertes Magenta-Farbschema
    Webvariable
    --now-color_grouped--magenta-0
    Orange Orange gruppiertes Farbschema
    Webvariable
    --now-color_grouped--orange-0
    Rosa Gruppiertes Pink-Farbschema
    Webvariable
    --now-color_grouped--pink-0
    Lila Lila gruppiertes Farbschema
    Webvariable
    --now-color_grouped--lila-0
    Blaugrün Grün gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Teal-0
    Gelb Gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--yellow-0
    Blau (Alternative) Blau gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Blue-4
    Braun (Alternative) Alternative gruppiertes Farbschema Braun
    Webvariable
    --now-color_grouped--Brown-4
    Grau (Alternative) Grau gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Grey-4
    Grün (Alternativ) Grün gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Green-4
    Grün-Gelb (Alternative) Grün-gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--grün-gelb-4
    Magenta (Alternative) Alternative gruppiertes Farbschema für Magenta
    Webvariable
    --now-color_grouped--magenta-4
    Orange (Alternative) Alternative Farbschema mit Orange-Gruppierung
    Webvariable
    --now-color_grouped--orange-4
    Rosa (Alternative) Alternative gruppiertes Pink-Farbschema
    Webvariable
    --now-color_grouped--pink-4
    Lila (Alternative) Alternative lila gruppierte Farbschemata
    Webvariable
    --now-color_grouped--lila-4
    Blaugrün (Alternativ) Alternative gruppiertes Farbschema in Blaugrün
    Webvariable
    --now-color_grouped--blaugrün-4
    Gelb (Alternativ) Gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--yellow-4