View a markdown version of this page

Ändere die Farben in deiner App mit App-Themes - AWS App Studio

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Ändere die Farben in deiner App mit App-Themes

Gehen Sie wie folgt vor, um die Farben in Ihrer Anwendung zu aktualisieren, indem Sie ein App-Design konfigurieren.

  1. Navigieren Sie bei Bedarf zum Anwendungsstudio Ihrer App, um es zu bearbeiten.

  2. Navigieren Sie im Application Studio zum Tab Seiten.

  3. Wählen Sie in der linken Navigationsleiste das App-Thema aus, um die Einstellungen für das App-Thema auf der rechten Seite zu öffnen.

  4. Wählen Sie im Basisdesign den Hellmodus oder den Dunkelmodus.

  5. Um Ihrer Anwendung benutzerdefinierte Farben hinzuzufügen, aktivieren Sie den Schalter „Anpassen“ und aktualisieren Sie die folgenden Einstellungen:

    1. Wählen Sie unter Primärfarbe die Farbe aus, die auf bestimmte Komponenten und die Navigation Ihrer App angewendet wird. Sie können eine Farbe mit dem Farbwähler, dem RGB-, HSL- oder HEX-Code auswählen.

      Anmerkung

      App Studio stellt automatisch sicher, dass auf Ihre Farben zugegriffen werden kann. Wenn du beispielsweise im Lichtmodus eine Lichtfarbe auswählst, wird diese aktualisiert, sodass sie leichter zugänglich ist.

    2. Wählen Sie unter Header-Farbe die Farbe aus, die auf die Kopfzeile Ihrer App angewendet wird. Sie können eine Farbe mit dem Farbwähler, dem RGB-, HSL- oder HEX-Code auswählen.

    3. Wählen Sie Standarddesigns, um vordefinierte Designs anzuzeigen und aus ihnen auszuwählen, oder wählen Sie Randomisieren, um eine zufällige Primär- und Header-Farbe zu generieren.

  6. Wähle Änderungen speichern, um dein App-Theme zu aktualisieren.