---
title: "Totara Mobile thema-instellingen"
slug: "configure-the-totara-mobile-theme"
tags: ["Totara Mobile", "Reference", "Site Administrator"]
updated: 2026-03-25T11:17:56Z
published: 2026-03-25T11:23:20Z
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 thema-instellingen

## Instellingen mobiel thema

Als systeembeheerder kun je het thema voor je mobiele app configureren door te navigeren naar *Snelmenu >* *Plugins > Mobiel > Mobiel thema* (/admin/settings.php?section=totaramobilethema)

Door enkele eenvoudige wijzigingen aan te brengen, kun je ervoor zorgen dat je mobiele app merkeigen is en consistent is met je site. Vergeet niet om op Wijzigingen **opslaan te klikken** wanneer je de hieronder beschreven instellingen voor mobiele thema's wijzigt.

Als je je mobiele thema hebt gewijzigd, worden deze niet voor elke gebruiker toegepast totdat die gebruiker zich afmeldt en opnieuw aanmeldt bij de mobiele app.

| **Instelling** | **Omschrijving** | **Notities** |
| --- | --- | --- |
| Logo mobiele app | Hier kun je een afbeelding uploaden die wordt gebruikt voor het logo van je mobiele app. Dit wordt weergegeven op het inlogscherm van de app waar de gebruiker zijn gebruikersnaam en wachtwoord zal invoeren. | Standaard is er geen logo voor de mobiele app. Als je je eigen logo niet uploadt, dan zal het Moodle-logo gebruikt worden. Het logo van de mobiele app verschijnt alleen voor **Native** [mobiele app authenticatie](/totara-20/docs/mobile-authentication) op het inlogscherm. Voor **Webview** of **mobiele browser** authenticatie toont het authenticatiescherm het Totara browser authenticatiescherm. Let op dat het SVG-afbeeldingsbestandsformaat momenteel niet wordt ondersteund in Totara Mobile, dus zorg ervoor dat je een ander bestandsformaat gebruikt voor de logo-afbeelding. |
| Primaire kleur | Hier kun je de primaire kleur voor je app selecteren. Deze kleur wordt gebruikt voor bepaalde knoppen of om geselecteerde opties te markeren (zoals op de onderste navigatiebalk). Je kunt een kleur selecteren in het kleurenpaneel door op het paneel te klikken. Wanneer je met de cursor over het paneel beweegt, dan zal het hokje in de rechterbovenhoek de kleur tonen waar je overheen bent. De geselecteerde kleur wordt rechts onderaan getoond. Je kunt ook een hexadecimale waarde onder de kleurkiezer invoeren, bijvoorbeeld als je een specifieke merkkleur wilt gebruiken en de hexadecimale waarde ervan kent. Wanneer je een nieuwe kleur selecteert in het paneel, wordt de hexadecimale waarde aangepast. ![The colour picker for the Primary colour setting.](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/image-1636387108900.png?sv=2026-02-06&spr=https&st=2026-11-01T21%3A49%3A05Z&se=2026-11-01T22%3A49%3A05Z&sr=c&sp=r&sig=PehsD2T2MGu8OQt%2BGr55D1fRMNtULu%2FAZVp4IQlginI%3D) | - |
| Tekstkleur | Met deze instelling kun je de tekstkleur voor knoppen in je app selecteren. Je kunt kiezen tussen witte en zwarte tekst. | De standaardwaarde voor de tekstkleur van de app is wit, maar als je een lichte **primaire kleur gebruikt, wil** je misschien zwarte tekst gebruiken voor een betere toegankelijkheid. |

## Thema-elementen

Hier kun je een voorbeeld zien van de [**Jouw** leerpagina](/totara-20/docs/current-learning-page) met de mobiele thema-instellingen geconfigureerd. Hier worden de icoontjes in de navigatiebalk onderaan het scherm getoond in de gekozen **primaire kleur**. Daarnaast kun je het logo zien dat door de gebruiker is geüpload, dat bovenaan het inlogscherm wordt weergegeven, en knoppen zoals **Enter** worden ook weergegeven in de **primaire kleur**. De **tekstkleur** is ingesteld op wit, wat je kunt zien op de **Enter-** knop.

Het logo van de mobiele app verschijnt alleen voor **Native** [mobiele app authenticatie](/totara-20/docs/mobile-authentication) op het inlogscherm. Voor **Webview** of **mobiele browser** authenticatie toont het authenticatiescherm het Totara browser authenticatiescherm.

![The Current learning page with mobile theme settings configured.](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/image-1636387109033.png?sv=2026-02-06&spr=https&st=2026-11-01T21%3A49%3A05Z&se=2026-11-01T22%3A49%3A05Z&sr=c&sp=r&sig=PehsD2T2MGu8OQt%2BGr55D1fRMNtULu%2FAZVp4IQlginI%3D) ![The login screen with mobile theme settings configured.](https://cdn.document360.io/a007399b-031e-436b-999a-528240e16f58/Images/Documentation/image-1636387109071.png?sv=2026-02-06&spr=https&st=2026-11-01T21%3A49%3A05Z&se=2026-11-01T22%3A49%3A05Z&sr=c&sp=r&sig=PehsD2T2MGu8OQt%2BGr55D1fRMNtULu%2FAZVp4IQlginI%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-01T21%3A49%3A05Z&se=2026-11-01T22%3A49%3A05Z&sr=c&sp=r&sig=PehsD2T2MGu8OQt%2BGr55D1fRMNtULu%2FAZVp4IQlginI%3D)Why 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.