Hoe beheer je een thema binnen Instellingen in Datamotive?

Nadat een thema is aangemaakt, kun je deze verder verfijnen via het scherm Thema bewerken. Dit scherm bevat acht tabbladen met gedetailleerde stijlinstellingen: Kleur, Typografie, Icons, Knoppen, Inputs, Cards, Algemeen en Logo's.

Voorwaarde: voordat je een thema kunt beheren, moet dit eerst zijn aangemaakt. Raadpleeg hiervoor de handleiding [Hoe maak je een nieuw thema aan binnen Instellingen in Datamotive?]

Een thema openen voor beheer

Stap 1 – Navigeer naar Thema's
Klik in het linkermenu op Instellingen en vervolgens op Thema's.

Stap 2 – Open het gewenste thema
Klik op het gewenste thema, bijvoorbeeld "Datamotive". Het scherm Thema bewerken opent met de naam van het thema bovenaan en de acht tabbladen daaronder.

Kleur

Stap 3 – Open het tabblad Kleur
Pas de volgende velden aan:

• Primaire kleur
• Secundaire kleur
• Tertiaire kleur
• Lichte kleur (body)
• Donkere kleur (base)

Stap 4 – Controleer het kleurcontrast
Klik op Kleurcontrast checker om de contrastratio tussen achtergrondkleuren en automatisch geselecteerde tekstkleuren te controleren.

Let op: deze tool toetst aan de Europese wetgeving (European Accessibility Act). Deze vereist een minimale contrastratio van 4.5:1 voor normale tekst en 3:1 voor grote tekst.

Stap 5 – Sla de wijzigingen op
Klik op Wijzigen.

Typografie

Stap 6 – Open het tabblad Typografie
Pas de volgende velden aan:

• Basis lettergrootte
• Basis dekking (ondoorzichtigheid)
• Basis letterdikte
• Lettertype
• Basis regelhoogte
• Koppen lettergrootte
• Koppen letterdikte
• Koppen lettertype
• Koppen tekst transformatie
• Koppen regelhoogte
• Koppen lettergrootte multiplier
• Koppen desktop lettergrootte multiplier
• Koppen animatie

Let op: er staat al een ruime selectie aan lettertypen beschikbaar. Mis je een specifiek lettertype, kies dan tijdelijk een alternatief lettertype en stuur een e-mail naar support met het verzoek om het gewenste lettertype toe te voegen.

Stap 7 – Sla de wijzigingen op
Klik op Wijzigen.

Icons

Stap 8 – Open het tabblad Icons
Pas de volgende velden aan:

• Stijl — bijvoorbeeld Outlined
• Vulling — bijvoorbeeld Leeg
• Icon dikte (100-700)

Stap 9 – Sla de wijzigingen op
Klik op Wijzigen.

Knoppen

Stap 10 – Open het tabblad Knoppen
Stel per knopformaat (Small, Medium, Large) de volgende velden in:

• Hoogte knop
• Afmeting icon
• Lettergrootte

Stap 11 – Stel de algemene knopinstellingen in
Vul onder Algemene instellingen de volgende velden in:

• Gewicht knoplettertype
• Knoptekst transformatie
• Breedte knoprand

Stap 12 – Stel de knoprand straal in
Vul onder Knoprand straal de waarden in voor Links boven, Rechts boven, Links onder en Rechts onder.

Stap 13 – Sla de wijzigingen op
Klik op Wijzigen.

Inputs

Stap 14 – Open het tabblad Inputs
Pas de volgende velden aan:

• Hoogte input
• Lettergrootte input
• Input rand straal
• Afmeting knoppictogram

Stap 15 – Sla de wijzigingen op
Klik op Wijzigen.

Cards

Stap 16 – Open het tabblad Cards
Pas de volgende velden aan:

• Card rand straal
• Card padding
• Card link icon kleur

Stap 17 – Sla de wijzigingen op
Klik op Wijzigen.

Algemeen

Stap 18 – Stel de witruimte in
Vul onder Witruimte de volgende velden in:

• Pane witruimte mobiel
• Pane witruimte tablet
• Pane witruimte desktop

Stap 19 – Stel de Planner, Media, Breadcrumbs en Modals in
Pas de volgende velden aan:

• Planner header achtergrond kleur
• Media rand straal
• Media animatie
• Breadcrumbs achtergrond kleur
• Modal header achtergrond kleur

Stap 20 – Stel de Footer navigatie in
Pas de volgende velden aan:

• Footer achtergrond kleur
• Primaire footer inhoud volgorde — bijvoorbeeld "Eerst links dan socials"
• Secundaire footer inhoud volgorde — bijvoorbeeld "Eerst logo dan links daarna keurmerken"

Stap 21 – Sla de wijzigingen op
Klik op Wijzigen.

Logo's

Stap 22 – Open het tabblad Logo's
Upload eventueel nieuwe bestanden bij:

• Logo lichte achtergrond
• Logo donkere achtergrond
• Favicon

Let op: laat een veld leeg om het bestaande logo of de favicon ongewijzigd te laten. Ondersteunde bestandsformaten zijn .png en .svg voor logo's, en .png voor de favicon.

Stap 23 – Sla de wijzigingen op
Klik op Wijzigen.

Overzicht instellingen