---
sourceDocument: Yokohama Mobile-Konfiguration und -Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - de-DE

ft:publication_title :

    - Yokohama Mobile-Konfiguration und -Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# Konfigurieren Sie ein Schriftartsymbol, um eine Designvariable zum Definieren ihrer Farbe zu verwenden

# Konfigurieren Sie ein Schriftartsymbol, um eine Designvariable zum Definieren ihrer Farbe zu verwenden {#ariaid-title1}

* Freigeben Version: Yokohama
* 
* Aktualisiert 30. Januar 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 Minuten Lesedauer

Geben Sie die anwenderdefinierte CSS-Eigenschaft eines sys_ux_Theme-Datensatzes an, um die Farbe eines Schriftartsymbols zu definieren.

## Vorbereitungen

Sie müssen den sys_ux_Theme-Datensatz für die Designvariable kennen, die Sie zum Definieren der Schriftartsymbolfarbe verwenden möchten. Der Wert, den Sie für die Designvariable benötigen, ist die anwenderdefinierte CSS-Eigenschaft in der Tabelle „sys_ux_Theme-Eigenschaften".

Erforderliche Rolle: Administrator

## Warum und wann dieser Vorgang ausgeführt wird

Designvariablen können nur auf Schriftartsymbole angewendet werden.

Sie können ein Symbol im Workflow der Konfiguration eines Bildschirms konfigurieren oder ein Symbol konfigurieren, indem Sie auswählen Karten und Symbole Kategorie aus Mobile App BuilderMenü. Dieses Verfahren verwendet Karten und Symbole Kategorie.

## Prozedur

1. Navigieren zu AlleSystem MobileMobile App Builderan.  
   Die Mobile App BuilderWird in einer neuen Browserregisterkarte geöffnet und zeigt den Bildschirm für die Auswahl des Anwendungsbereichs an.
2. Suchen Sie nach dem Anwendungsbereich, in dem Sie arbeiten, und wählen Sie dann den Namen des Anwendungsbereichs aus.  
   Die Mobile App BuilderDer Startbildschirm für Kategorien wird angezeigt.
3. Wählen Sie aus Karten und Symbole Kategorie, und wählen Sie dann aus Neu .
4. Wählen Sie im Dialogfeld Karte oder Symbol erstellen die Option aus Symbol , Und wählen Sie dann aus Fahren Sie Fort .
5. Geben Sie im Symbolformular ein Name Für das Symbol.  
   Stellen Sie sicher, dass Sie einen Namen auswählen, der die Identifizierung des Symbols erleichtert.
6. Wählen Sie in der Dropdown-Liste Typ die Option aus Schriftart .
7. Geben Sie im Abschnitt Darstellung festlegen die folgenden Informationen in ein Stil Und Wert Felder zum Konfigurieren des Schriftartsymbols, das eine Designvariable zum Definieren ihrer Farbe verwendet.  
   Wählen Sie das Plussymbol aus, um eine Zeile hinzuzufügen.
   {#config-font-icon-to-use-color-theme-var__table_mzt_jgj_vwb__entry__2}

   | Stil | Wert |
   |-|-|
   | Eingabetaste <kbd class="ph userinput">Schriftartname </kbd> | Geben Sie eine der folgenden Schriftartfamilien ein: * <kbd class="ph userinput">Now-mobile-icons</kbd> Diese Symbole sind für die Verwendung in Bildschirmen vorgesehen. Verwenden Sie sie für Listen und Abschnittsziele, die zu Listenbildschirmen und Browserbildschirmen wechseln. Verwenden Sie diese Symbole, um einen Workflow oder einen Bildschirm darzustellen, zu dem Anwender navigieren sollen. * <kbd class="ph userinput">Now-mobile-icons-cards</kbd> Verwenden Sie diese Symbole im Textkörper von Karten. * <kbd class="ph userinput">Now-mobile-icon-Schaltflächen</kbd> Diese Symbole sind für die Verwendung für Funktionen vorgesehen. Sie können auf Schaltflächen verwendet werden, die sich auf Karten befinden, oder für schnelle Aktionen. * <kbd class="ph userinput">Now-mobile-icons-ALPnavbar</kbd> Diese Symbole werden in der oberen rechten Ecke Ihres mobilen Bildschirms angezeigt und als Navigation zu einem anderen Bildschirm verwendet. {#config-font-icon-to-use-color-theme-var__ul_vbq_mgj_vwb} |
   | Eingabetaste <kbd class="ph userinput">Wert </kbd> | Geben Sie den Code ein, der das Symbol in der Schriftartfamilie identifiziert, die Sie verwenden möchten. Beispiel: <kbd class="ph userinput">e903 </kbd>Ist der Code für das solide Einkaufswagensymbol in now-mobile-icons-buttonsSchriftartfamilie. Listen von Symbolcodes für Schriftartfamilien finden Sie unter \[Link zu Referenzthemen hinzufügen\]. |
   | Eingabetaste <kbd class="ph userinput">Schriftfarbvariable </kbd>Dient zum Festlegen einer Designvariable für die Farbe Ihres Symbols. Diese Konfiguration ist optional. Wenn Sie keine Farbe angeben, ist die Standardsymbolfarbe schwarz. Wenn Sie einen Hex-Farbcode verwenden möchten, finden Sie unter \[Link zu „Schriftartsymbole konfigurieren"\] Informationen zum Konfigurieren der Symbolfarbe mithilfe von Hex-Farbcodes. | Geben Sie die Designvariable für die Farbe ein, die Sie verwenden möchten. Beispiel: Die folgende anwenderdefinierte CSS-Eigenschaft: <kbd class="ph userinput">--now-accordion-color</kbd> |
   | Eingabetaste <kbd class="ph userinput">Name </kbd> | Geben Sie den Namen ein, der für das Symbol in der Schriftartfamilie aufgeführt ist. Beispiel: Wenn Sie das Einkaufswagensymbol in verwenden möchten now-mobile-iconsFamilie, würden Sie betreten <kbd class="ph userinput">Einkaufswagen </kbd>. Listen von Schriftartfamiliensymbolen finden Sie unter [Referenz für mobiles Symbol](https://servicenow-prod.fluidtopics.net/d2mLpFdq3NpnFFPN0lPjWw "Verwenden Mobile App BuilderUm diese Symbole in Ihre mobilen Apps einzufügen."). |
   [ ]

   {#config-font-icon-to-use-color-theme-var__table_mzt_jgj_vwb}
8. Wählen Sie Speichern.