Unterstützung von Farbvariablen für Eingabebeschreibungen

  • Freigeben Version: Australia
  • Aktualisiert 12. März 2026
  • 1 Minute Lesedauer
  • Erfahren Sie, wie Sie Farbvariablen verwenden, um das Design in Ihren Beschreibungen mobiler Eingaben zu ändern.

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

    Verwenden Sie Farbvariablen in Beschreibung Feld Ihrer Eingaben, um die Textfarbe zu steuern, wenn Beschreibung Feld ist konfiguriert als HTML .

    Beispiel: Zusätzlich zu Farb-HEX-Werten wie #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 Konfigurieren Sie einen Eingabeformularbildschirm.

    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 den 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
    Warnung--kritisch-0
    Webvariable
    --now-color_Alert--critical-0
    Hoch Farbschema für hohe Warnung
    Mobile Variable
    alert--high-0
    Webvariable
    --now-color_Alert--High-0
    Warnung Farbschema für Warnungswarnung
    Mobile Variable
    Warnung--warning-0
    Webvariable
    --now-color_Alert--warning-0
    Mittel Farbschema für mittlere Warnungen
    Mobile Variable
    Warnung--Mittel-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
    Warnung--positiv-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-background
    Webvariable
    --now-color_background--sekundär
    Kritisch (Alternative) Alternative Farbschema für kritische Warnung
    Mobile Variable
    Warnung--kritisch-4
    Webvariable
    --now-color_Alert--critical-4
    Hoch (Alternativ) Alternative Warnungsfarbschema „hoch“
    Mobile Variable
    alert--high-4
    Webvariable
    --now-color_Alert--High-4
    Warnung (Alternative) Alternative Farbschema für Warnungswarnung
    Mobile Variable
    Warnung--Warnung-4
    Webvariable
    --now-color_Alert--warning-4
    Mittel (Alternative) Alternative Warnungsfarbschema „Mittel“
    Mobile Variable
    Warnung--Mittel-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 (Alternative) Alternative Farbschema für positive Warnungen
    Mobile Variable
    Warnung--positiv-4
    Webvariable
    --now-color_Alert--positive-4
    Niedrig (Alternative) Alternative Farbschema für niedrige Warnungen
    Mobile Variable
    alert--low-4
    Webvariable
    --now-color_Alert--low-4
    Deaktiviert (Alternative) Alternative Warnungsfarbschema deaktiviert
    Mobile Variable
    Alert-disabled-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 Braunes 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--Green-yellow-0
    Magenta Gruppiertes Magenta-Farbschema
    Webvariable
    --now-color_grouped--magenta-0
    Orange Orangefarbenes gruppiertes Farbschema
    Webvariable
    --now-color_grouped--orange-0
    Rosa Gruppiertes Rosa-Farbschema
    Webvariable
    --now-color_grouped--pink-0
    Lila Lila gruppiertes Farbschema
    Webvariable
    --now-color_grouped--lila-0
    Blaugrün Blaugrün gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Teal-0
    Gelb Gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--yellow-0
    Blau (Alternative) Blau gruppierte Alternative 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 (Alternative) Alternative grün gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Green-4
    Grün-Gelb (Alternative) Grün-gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--Green-yellow-4
    Magenta (Alternative) Alternative gruppiertes Magenta-Farbschema
    Webvariable
    --now-color_grouped--magenta-4
    Orange (Alternative) Alternative orangefarbene gruppierte Farbschemata
    Webvariable
    --now-color_grouped--orange-4
    Rosa (Alternative) Alternative gruppiertes Rosa-Farbschema
    Webvariable
    --now-color_grouped--pink-4
    Lila (Alternative) Alternative violett gruppiertes Farbschema
    Webvariable
    --now-color_grouped--lila-4
    Blaugrün (Alternative) Alternative gruppiertes Farbschema in Blaugrün
    Webvariable
    --now-color_grouped--blaugrün-4
    Gelb (Alternative) Gelb gruppiertes Farbschema
    Webvariable
    --now-color_grouped--yellow-4