Eén thema, twee modi
Een content gebruikt nog steeds één thema. Wat je zoals altijd instelt, is de lichte modus; de donkere modus is een variant van hetzelfde thema die alleen bewaart wat in donker verandert, in elk veld: kleuren, afbeeldingen van het thema (zoals het logo van de omslag of de afbeelding van de lesheader), schaduwen, randen… Wat de variant niet zegt, neemt ze over uit de lichte modus. Een wijziging in licht komt dus ook in donker aan, zolang dat veld in donker geen eigen waarde heeft.
Heeft het thema geen donkere variant, dan ziet donker er hetzelfde uit als licht.
De modus kiezen
Bij Thema > Lichte en donkere modus:
| Optie | Wat ze doet |
|---|---|
| Modus van de cursus | Welke modus de cursist ziet: Licht (de gebruikelijke, waarmee elk thema begint), Donker of Systeem, die de licht- of donker-instelling van het apparaat volgt en live meeverandert als die instelling wijzigt |
| Modusschakelaar in de speler | Voegt een knop met een zon- of maanpictogram toe aan de speler om tussen licht en donker te wisselen. De keuze wordt onthouden in de browser van de cursist, cursus per cursus, en gaat voor op de systeemmodus |
Zolang de modus Licht is en de schakelaar uit staat, verandert de speler helemaal niets. Met de modus Donker en zonder schakelaar is de cursus „alleen donker”.
De donkere variant genereren
Donkere variant genereren maakt een startpunt. Het keert achtergrond en tekst om, zet elke kleur van het palet die het thema gebruikt op zijn tegenhanger met omgekeerde helderheid (behalve de sluiers van afbeeldingen en wat op een gekleurde vulling staat, zoals knoppen) en controleert het contrast.
Daarna schakelt de editor naar Donker zodat je het kunt bijwerken, en een melding, Contrast in donkere modus, zegt of alles het minimale contrast haalt (4,5:1 voor tekst en 3:1 voor de rest) of welke velden dat niet halen en met welk contrast.
Heeft het thema al een donkere variant, dan wordt eerst om bevestiging gevraagd: de nieuwe variant vervangt de vorige en wat je in donker had bijgewerkt, gaat verloren.
De donkere modus bewerken
De keuze Getoonde modus (Licht / Donker) in de kop van de thema-editor zegt welke modus je bewerkt en welke het voorbeeld toont. In Donker meldt de editor dat je de donkere modus bewerkt, en wat je wijzigt, geldt alleen in donker.
- Elk veld op elk tabblad zegt Zoals in licht of Eigen donkere waarde. Heeft het een eigen waarde, dan kun je het terugzetten naar licht met Terug naar zoals in licht.
- Elke sectie heeft Hele sectie zoals in licht en telt hoeveel van haar velden een eigen donkere waarde hebben.
- Kleuren van het palet kun je in donker bijwerken, maar de variant voegt nooit kleuren aan het palet toe en haalt er ook geen weg.
- In de content-editor verschijnt dezelfde keuze (Licht / Donker) wanneer het thema modi heeft of al een donkere variant bezit. Ze verandert alleen hoe je de les ziet terwijl je bewerkt; het thema verandert ze niet.
Eigen CSS en de donkere modus
Eigen CSS heeft geen donkere variant: wat je schrijft, geldt in beide modi. Voor wat alleen in donker te zien moet zijn, gebruik je de selector [data-color-scheme="dark"]:
[data-color-scheme="dark"] .mijn-klasse {
box-shadow: none;
}De speler zet data-color-scheme („light” of „dark”, de modus die getoond wordt) op zijn root wanneer het thema modi heeft: wanneer de modus niet Licht is of de schakelaar aan staat. Zonder modi ontbreekt het attribuut.
Waar je het ziet
De modus geldt op dezelfde manier in het voorbeeld, in de deellink en in de web- en SCORM-exports. Ook de ingebouwde video- en audiobediening volgt de getoonde modus.
De PDF is altijd licht.
Toegankelijkheid
Het paneel Controles meet het contrast in beide modi; wat alleen in donker faalt, draagt het label In donkere modus. Bij een „alleen donker” thema (modus Donker en zonder schakelaar) wordt alleen donker gemeten en zijn de problemen daarvan de hoofdproblemen. Zie Toegankelijkheidscontrole.
Exporteren en importeren
„Lichte en donkere modus” is een van de onderdelen wanneer je een thema exporteert en importeert: het bevat de modus van de cursus en de schakelaar. De donkere variant heeft geen eigen vinkje: ze reist mee met elk onderdeel dat je aanvinkt.