Wie kann ich in meinen Anzeige-Templates den Dunkel-Modus des Browsers unterstützen?

Voraussetzungen

  • Sie haben Administrationsrechte an der LivingApp.

Vorgehen

  • Klicken Sie in der App, in der Sie für Ihre Templates den Dunkel-Modus des Browsers unterstützen möchten, im Menü Konfiguration ‣ Erweitert an, um in die erweiterte Konfiguration zu gelangen.

  • Klicken Sie dort in der Navigation auf Template-Library ‣ Parameter.

    Es öffnet sich die Parameter-Library. Klicken Sie auf den für Sie passenden Parameter. In unserem Fall auf la_css_color_scheme.

    Es öffnet sich folgendes Fenster:

    Parameter aus Library auswählen

    Parameter aus Library auswählen

    Der Parameter la_css_color_scheme unterstützt folgende Werte:

    • light für dunkle Schrift auf hellen Hintergrund („Tagmodus“);

    • dark für helle Schrift auf dunklen Hintergrund („Nachtmodus“);

    • auto für automatische Auswahl je nach Betriebsystem- oder Browserkonfiguration.

  • Fügen Sie jetzt den Parameter aus der Library den App-Parametern Ihrer LivingApp hinzu. Klicken Sie dafür unter Konfiguration ‣ Erweitert auf Parameter und dann auf Neuen Parameter hinzufügen. Nehmen Sie folgende Konfiguratinen vor:

    Konfiguration Parameter

    Konfiguration Parameter

    Identifizierer

    Kopieren Sie den Identifizierer des Parameters aus der Library und fügen ihn hier ein, also la_css_color_scheme.

    Typ

    Wählen Sie den Typ, der beim Parameter aus der Library angegeben ist, also STR (Text).

    Wert

    Der Wert für den Dunkelmodus ist dark.

    Soll nur für eine einzelne Seite ein anderer Wert verwendet werden, kann dieser Wert als Parameter color_scheme beim Aufruf von la_standard_page() übergeben werden., also:

    <?renderblock globals.t_la_standard_page(title="Titel", color_scheme="auto")?>
       ...
    <?end renderblock?>