Die Schnittstelle der POS-Anwendung wurde so gestaltet, dass ein einheitliches Erscheinungsbild aller Ansichten und eine einfache Verwaltung gewährleistet werden. Daher wurden Farbnamen definiert, die beim Erstellen und/oder Ändern einer Ansicht verwendet werden können.

Die definierten Farbnamen können in zwei Gruppen unterteilt werden. Farben, die direkt vom Benutzer in der POS-Schnittstelle verwaltet werden können, und indirekt verwaltbare Farben, die nicht direkt vom Benutzer geändert werden können, sondern nur automatisch auf Basis der direkt verwaltbaren Farben eingestellt werden.

Direkt verwaltbare Farben

• ThemeColor – Basisfarbe in dem Design, wird verwendet in der:
  • Textfarbe in Primary und Modal View,
  • Hintergrundfarbe in Message View,
  • Hintergrundfarbe der Tasten in Message View,
  • Hintergrundfarbe der Taste Suchen/Hinzufügen, z. B. auf der Liste der Handelsdokumente, Belege, Artikel,
  • Hintergrundfarbe des ausgewählten Elements im ComboBox-Steuerelement,
  • Hintergrundfarbe der Benachrichtigung,
  • Farbe des ausgewählten/markierten Radiobuttons oder oder Checkbox
• ThemeBackground – Basisfarbe in dem Design, wird verwendet in der:
  • Hintergrundfarbe in Primary und Modal View,
  • Textfarbe und Farbe der Vektorgrafiken (außer dem Seitenmenü),
  • Textfarbe und Farbe der Vektorgrafiken im Message View,
  • Textfarbe und Schaltflächenrahmen im Message View,
  • Textfarbe der Schaltfläche Hinzufügen/Suchen,
  • Textfarbe und Farbe der Vektorgrafiken der Benachrichtigungen,
  • Textfarbe des ausgewählten/markierten Radiobuttons oder oder Checkbox

Indirekt verwaltbare Farben

• ThemeColor2 – Basisfarbe (ThemeColor) mit Transparenz von 85%, wird verwendet als:
  • Farbe der Kopfzeile in Listen (DataGrid)
• ThemeColor3 – Basisfarbe (ThemeColor) mit Transparenz von 25%, wird verwendet als:
  • Markierungsfarbe für Positionen auf der Liste
• ThemeColor4 – Basisfarbe (ThemeColor) mit Transparenz von 65%, wird verwendet als:
  • Markierungsfarbe der Zeile auf der Liste, über die Sie mit der Maus fahren,
  • Markierungsfarbe des Umrisses der Schaltfläche, der aud dem gleichen Vektorsymbol (HeaderButton) besteht, wenn Sie mit der Maus über die Taste fahren,
  • Markierungsfarbe im Seitenmenü, wenn Sie mit der Maus über die Position fahren
• HintColor – Hinweisfarbe für das TextBox-Steuerelement
• Background – Fest Farbe mit definierter Transparenz – #1ADFE5E5, verwendet als:
  • Hintergrundfarbe der Liste

Farben in Code verwenden

In xaml-Code an jeder Stelle werden Farben über den Befehl DynamicResource verwendet, z. B.:

<TextBox Foreground="{DynamicResource ThemeColor}" />

In den meisten Fällen kommt das Beispiel nicht in Tragen, da die vordefinierten Einstellungen die Notwendigkeit einer solchen zusätzlichen Konfiguration für die Foreground-Eigenschaft entfallen lassen.

Font

Der Font wurde auch für die ganze Anwendung definiert unst ist über die POS-Benutzer-Schnittstelle verwaltbar. Für die meisten Steuerelemente muss er nicht zusätzlich konfiguriert werden. Eine Ausnahme ist z. B. die Definition von Listenspalten, wo der Font wie folgt festgelegt werden soll:

<DataGridTextColumn FontFamily="{DynamicResource FontFamily}" />