---
title: "Totara Mobile Themeneinstellungen"
slug: "configure-the-totara-mobile-theme"
tags: ["Totara Mobile", "Site Administrator", "Reference"]
updated: 2023-04-11T11:02:41Z
published: 2023-04-11T11:02:41Z
canonical: "totara.help/configure-the-totara-mobile-theme"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://totara.help/llms.txt
> Use this file to discover all available pages before exploring further.

# Totara Mobile Themeneinstellungen

## Mobile Themeneinstellungen

Als Site-Administrator können Sie das Thema für Ihre mobile App konfigurieren, indem Sie das Schnellzugriffsmenü und dann das *Plugins > Mobile > Mobile-Design aufrufen*.

Durch ein paar einfache Änderungen können Sie sicherstellen, dass Ihre mobile App markenkonform und mit Ihrer Website übereinstimmt. Denken Sie daran, Änderungen **speichern auszuwählen,** wenn Sie die unten beschriebenen Einstellungen für das mobile Design ändern.

Wenn Sie Änderungen an Ihrem mobilen Design vorgenommen haben, werden diese erst dann für jeden Nutzer angewendet, wenn dieser sich abmeldet und sich wieder in der mobilen App anmeldet.

| **Einstellung** | **Beschreibung** | **Hinweise** |
| --- | --- | --- |
| Logo Mobile-App | Hier können Sie ein Bild hochladen, das für das Logo Ihrer mobilen App verwendet wird. Dies wird auf dem Anmeldebildschirm der App angezeigt, wo der Nutzer seinen Benutzernamen und sein Passwort eingibt. | Standardmäßig gibt es kein Logo der mobilen App. Wenn Sie Ihr eigenes Logo nicht hochladen, wird stattdessen das Totara-Logo verwendet. Das Logo der mobilen App wird nur für die Authentifizierung **der** nativen[](/17/docs/mobile-authentication)mobilen App auf dem Anmeldebildschirm angezeigt. Für die Authentifizierung im **Webview-** oder **Mobile-Browser** wird der Authentifizierungsbildschirm des Totara-Browsers angezeigt. |
| Primärfarbe | Hier können Sie die Primärfarbe für Ihre App auswählen. Diese Farbe wird für bestimmte Schaltflächen oder zur Hervorhebung ausgewählter Optionen verwendet (z. B. in der unteren Navigationsleiste). Sie können eine Farbe aus dem Farbfenster auswählen, indem Sie auf das Fenster klicken. Wenn Sie den Cursor über den Bereich bewegen, zeigt das obere rechte Quadrat die Farbe an, über der Sie sich befinden. Ihre ausgewählte Farbe wird im unteren rechten Quadrat angezeigt. Alternativ können Sie einen Hexadezimalwert unter der Farbauswahl eingeben, z. B. wenn Sie eine bestimmte Markenfarbe verwenden und deren Hexadezimalwert kennen möchten. Wenn Sie eine neue Farbe im Feld auswählen, wird der Hexadezimalwert aktualisiert. ![Die Farbauswahl für die primäre Farbeinstellung.](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/image-1636387108900.png?sv=2026-02-06&spr=https&st=2026-11-13T20%3A14%3A45Z&se=2026-11-13T21%3A14%3A45Z&sr=c&sp=r&sig=kFCSQ%2BYMLwM8wO0BXHqqp%2Bws8T3fhqdpfegsfdlDvoc%3D) | - |
| Textfarbe | Mit dieser Einstellung können Sie die Textfarbe für Schaltflächen in Ihrer App auswählen. Sie können zwischen weißem und schwarzem Text wählen. | Der Standardwert für die Textfarbe der App ist weiß. Wenn Sie jedoch eine helle **Primärfarbe verwenden, sollten** Sie für eine bessere Zugänglichkeit schwarzen Text verwenden. |

## Themenelemente

Hier sehen Sie ein Beispiel für die Seite [](/17/docs/current-learning-page) Aktuelle Lerninhalte mit den konfigurierten Einstellungen für das mobile Thema. Hier werden die Symbole in der Navigationsleiste am unteren Bildschirmrand in der gewählten **Primärfarbe angezeigt**. Darüber hinaus können Sie sehen, dass das vom Nutzer hochgeladene Logo oben auf dem Anmeldebildschirm angezeigt wird, und Schaltflächen wie **Enter** werden auch in der **Primärfarbe angezeigt**. Die **Textfarbe** wurde auf weiß gesetzt, was Sie auf der **Schaltfläche** Enter sehen können.

Das Logo der mobilen App wird nur für die Authentifizierung **der** nativen[](/17/docs/mobile-authentication)mobilen App auf dem Anmeldebildschirm angezeigt. Für die Authentifizierung im **Webview-** oder **Mobile-Browser** wird der Authentifizierungsbildschirm des Totara-Browsers angezeigt.

![Die Seite Aktuelle Lerninhalte mit konfigurierten Einstellungen für das mobile Thema.](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/image-1636387109033.png?sv=2026-02-06&spr=https&st=2026-11-13T20%3A14%3A45Z&se=2026-11-13T21%3A14%3A45Z&sr=c&sp=r&sig=kFCSQ%2BYMLwM8wO0BXHqqp%2Bws8T3fhqdpfegsfdlDvoc%3D) ![Der Anmeldebildschirm mit konfigurierten Einstellungen für das mobile Design.](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/image-1636387109071.png?sv=2026-02-06&spr=https&st=2026-11-13T20%3A14%3A45Z&se=2026-11-13T21%3A14%3A45Z&sr=c&sp=r&sig=kFCSQ%2BYMLwM8wO0BXHqqp%2Bws8T3fhqdpfegsfdlDvoc%3D)

![Course badge](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/course-badge_totara-mobile-app.svg?sv=2026-02-06&spr=https&st=2026-11-13T20%3A14%3A45Z&se=2026-11-13T21%3A14%3A45Z&sr=c&sp=r&sig=kFCSQ%2BYMLwM8wO0BXHqqp%2Bws8T3fhqdpfegsfdlDvoc%3D)TWhy not visit the Totara Academy for our latest course on [Totara mobile app](https://totara.community/mod/page/view.php?id=23591). Here you can learn more about how to configure and use your mobile app, see best practice, and give it a go yourself.

Join the [Totara Community](https://totara.community/) for more resources to help you get the most out of Totara.

© Copyright 2026 Totara Learning Solutions. All rights reserved.