# Uiterlijk & thema

Geef je formulier een thema met kleuren, lettertypen, presets, gedeelde werkruimtethema's, omslagafbeeldingen en donkere modus.

## Uiterlijk & thema

Kleuren, lettertypen, presets, omslagafbeeldingen en donkere modus. Laat elk formulier aanvoelen als een natuurlijk onderdeel van jouw merk.

<h2 id="theme-panel">Themapaneel</h2>
<p>
  Klik op <strong>Thema</strong> (palet-icoon) in de bovenste werkbalk. Het paneel klapt rechts uit en toont wijzigingen direct als
  voorbeeld.
</p>
<p>
  De schakelaar <strong>Modus</strong> (Licht / Donker) bovenaan het paneel bepaalt welk kleurenschema je bewerkt. Elke modus slaat zijn
  eigen themawaarden op, zodat je beide onafhankelijk kunt verfijnen.
</p>
<p>
  De keuzelijst <strong>Thema</strong> daaronder toont eerst je werkruimtethema's voor die modus, daarna de ingebouwde presets. De voettekst
  toont <strong>Alle wijzigingen opgeslagen</strong> totdat je iets wijzigt; daarna verschijnen <strong>Negeren</strong> en{' '}
  <strong>Opslaan</strong>.
</p>

<h2 id="presets">Presets</h2>
<p>
  De Thema-keuzelijst bevat zeven presets voor lichte modus en negen voor donkere modus. Elke preset past in één klik een volledig
  gecoördineerde set kleuren, een lettertype en hoekafronding toe.
</p>
<ul>
  <li>
    <strong>Standaard formbase-thema</strong> — automatisch toegepast op elk nieuw formulier, één per modus
  </li>
  <li>
    <strong>Presets</strong> — de samengestelde thema's hieronder
  </li>
  <li>
    <strong>Aangepast</strong> — "Alleen dit formulier". Wat de keuzelijst toont zodra je handmatig een waarde wijzigt
  </li>
</ul>

> ℹ️ **Beschikbaar bij Free**
> <p>
>     Aangepaste thema's, inclusief presets en aparte stijlen voor licht en donker, zijn beschikbaar op elk abonnement. Zie{' '}
>     <a href="/nl/subscription-billing/plans-pricing">abonnementen & prijzen</a>.
>   </p>

<h3 id="light-presets">Presets lichte modus</h3>

<h3 id="dark-presets">Presets donkere modus</h3>

<h2 id="workspace-themes">Werkruimtethema's</h2>
<p>
  Een werkruimtethema is een benoemd thema voor één modus, licht of donker, dat meerdere formulieren delen. Gebruik er een om elk formulier
  on-brand te houden: wijzig het thema één keer en elk formulier dat het gebruikt, volgt automatisch. Om beide modi te thematiseren, houd je
  er twee aan, zoals <em>Acme Light</em> en <em>Acme Dark</em>.
</p>

<h3 id="create-workspace-theme">Een werkruimtethema maken</h3>
<ol>
  <li>
    Open het themapaneel op een formulier, kies Licht of Donker, en kies een preset of pas de kleuren aan totdat het formulier er goed
    uitziet.
  </li>
  <li>
    Klik op <strong>Opslaan als werkruimtethema</strong> onder de keuzelijst Thema en geef het een naam, bijvoorbeeld de naam van je
    bedrijf.
  </li>
</ol>
<p>
  Die modus van het formulier is nu gekoppeld aan het nieuwe thema. De keuzelijst toont de naam en het aantal formulieren dat het gebruikt.
</p>

<h3 id="use-workspace-theme">Op een ander formulier gebruiken</h3>
<p>
  Open het themapaneel op het andere formulier, kies het thema onder <strong>Werkruimtethema's</strong> en sla het op met{' '}
  <strong>Opslaan</strong> rechtsonder. De keuzelijst toont alleen werkruimtethema's voor de modus die je bewerkt, dus koppel de lichte en
  donkere modus apart.
</p>

<h3 id="edit-workspace-theme">Een gekoppeld formulier bewerken</h3>
<p>
  Een gekoppeld formulier bewerk je zoals elk ander formulier. Zodra je wijzigingen afwijken van het werkruimtethema, vraagt de voettekst
  waar je ze wilt opslaan:
</p>
<ul>
  <li>
    <strong>Opslaan in [themanaam]</strong> werkt het werkruimtethema bij, en elk formulier dat eraan gekoppeld is.
  </li>
  <li>
    <strong>Alleen voor dit formulier opslaan</strong> houdt de wijziging op dit formulier. Die modus volgt het werkruimtethema niet langer
    en wordt een aangepast thema.
  </li>
</ul>
<p>
  Een preset toepassen op een gekoppelde modus ontkoppelt deze ook. Om de modus opnieuw te koppelen, kies je het werkruimtethema in de
  keuzelijst en sla je op.
</p>

> ℹ️ **Gepubliceerde formulieren werken bij op hun volgende publicatie**
> <p>
>     Het opslaan van een werkruimtethema wijzigt meteen het concept van elk gekoppeld formulier. Respondenten zien de nieuwe look pas nadat
>     elk formulier opnieuw is gepubliceerd, net als bij elke andere wijziging. Tot die tijd tonen gekoppelde formulieren{' '}
>     <strong>Wijzigingen publiceren</strong>.
>   </p>

<h3 id="manage-workspace-themes">Hernoemen of verwijderen</h3>
<p>
  Open op een gekoppeld formulier het <strong>⋯</strong>-menu naast de keuzelijst Thema. <strong>Hernoemen</strong> wijzigt de naam overal
  waar het thema wordt gebruikt. <strong>Verwijderen</strong> verwijdert het thema; formulieren die het gebruikten behouden hun huidige
  uiterlijk als aangepast thema.
</p>

<h2 id="theme-sections">Thema-instellingen</h2>

<p>
  Kies een preset of werkruimtethema en verfijn vervolgens de typografie en kleuren. Elke kleur beschrijft een doel in plaats van één
  onderdeel. Als je bijvoorbeeld <strong>Tekst</strong> wijzigt, worden paginatekst, vraagtitels, veldtekst en optietekst samen bijgewerkt.
  Beweeg over de naam van een kleur om te zien wat deze bepaalt. Een stip markeert kleuren die je hebt gewijzigd maar nog niet hebt
  opgeslagen.
</p>

<h3 id="typography">Typografie</h3>

<h3 id="colors">Kleuren</h3>

<p>Kleuren zijn gegroepeerd op basis van waar ze op het formulier verschijnen.</p>

<p>
  De groep Beoordeling heeft ook <strong>Stergrootte</strong>, de grootte van beoordelingssterren in pixels, van 12 tot 48.
</p>

<h2 id="fonts">Lettertypen</h2>
<p>formbase levert elf lettertypefamilies. Het lettertype dat je kiest onder Typografie wordt toegepast op alle tekst in het formulier.</p>

<h2 id="cover-logo">Omslagafbeelding en logo</h2>
<p>
  De omslagafbeelding en het logo staan bovenaan het canvas. Je stelt ze in direct op het canvas — niet in het themapaneel. Zie voor een
  uitleg <a href="/nl/building-forms/understanding-the-editor#cover-logo">De editor begrijpen → Omslag en logo</a>.
</p>

<h2 id="dark-mode">Donkere modus</h2>
<p>formbase ondersteunt donkere modus op twee plekken: het dashboard en gepubliceerde formulieren.</p>

<h3 id="dark-mode-dashboard">Dashboard</h3>
<p>Schakel de donkere modus in via het gebruikersmenu onderaan de zijbalk. De instelling volgt je account op alle apparaten.</p>

<h3 id="dark-mode-published">Gepubliceerde formulieren</h3>
<p>
  Gepubliceerde formulieren volgen standaard de systeemvoorkeur van de respondent. Als hun apparaat in donkere modus staat, wordt het
  formulier in donkere modus weergegeven.
</p>

<h3 id="dark-mode-theming">Beide modi opmaken</h3>
<p>
  Als je alleen een licht thema hebt ingesteld, gebruikt het formulier de standaard donkere kleuren van formbase wanneer donkere modus
  actief is. Voor volledige controle stel je beide kleurenschema's in met de licht/donker-schakelaar bovenaan het themapaneel.
</p>
<p>
  Wanneer je in het themapaneel wisselt tussen <strong>Licht</strong> en <strong>Donker</strong>, past het dashboard zich aan om overeen te
  komen. Zo kun je je thema in context bekijken terwijl je het bewerkt.
</p>

<h2 id="examples">Veelgebruikte themapatronen</h2>

<ul>
  <li>
    <strong>Aansluiten bij je merk</strong> — kies je merklettertype, stel de kleur Knop in op je primaire merkkleur en upload je logo.
    Gebruik een preset als startpunt en sla het resultaat vervolgens op als werkruimtethema zodat elk formulier het deelt.
  </li>
  <li>
    <strong>Donkere-modus-eerst enquête</strong> — dwing donkere modus af via de insluitinstellingen bij het delen, en pas daarna het
    donkere kleurenschema aan voor leesbaarheid. Gebruik een hoog-contrast accent voor de actieve beoordelingskleur zodat sterren opvallen
    op donkere achtergronden.
  </li>
  <li>
    <strong>Minimalistisch ingesloten formulier</strong> — stel de kleur Achtergrond in zodat die overeenkomt met je website, verberg de
    omslagafbeelding en het logo in de insluitinstellingen, gebruik een rustige kleur Rand, en verlaag de hoekradius naar 0.
  </li>
  <li>
    <strong>Speelse quiz</strong> — kies Comic Sans MS, duw de hoekradius richting 32 voor pilvormen, gebruik een felle kleur Geselecteerd,
    en voeg een omslagafbeelding toe vanuit het tabblad Unsplash in de omslagkiezer.
  </li>
</ul>

<h2 id="branding">Branding</h2>
<p>
  Gepubliceerde formulieren tonen standaard een kleine formbase-badge. Schakel dit uit met <strong>Toon formbase-branding</strong> in{' '}
  <strong>Formulierinstellingen → Algemeen</strong>. Het verwijderen van de badge vereist een Pro- of Business-abonnement — zie{' '}
  <a href="/nl/subscription-billing/plans-pricing">abonnementen & prijzen</a>.
</p>

> 💡 **Test zowel lichte als donkere modus voor publicatie**
> <p>
>     Bekijk een voorbeeld van je formulier met donkere modus ingeschakeld vóór publicatie. Logocontrast en accentkleuren hebben vaak een
>     kleine aanpassing nodig voor de donkere variant — vooral omslagafbeeldingen en knopkleuren die er goed uitzien op een lichte achtergrond
>     maar vervagen op een donkere.
>   </p>

<h2 id="next-steps">Volgende stappen</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Taalinstelling](/nl/building-forms/language-setting) — Bied je formulier aan in elke taal
  - [Bestandsuploads & handtekeningen](/nl/building-forms/file-uploads-signatures) — Accepteer documenten en e-handtekeningen
  - [Botbeveiliging](/nl/building-forms/captcha-bot-protection) — Blokkeer spam met Cloudflare Turnstile
  - [Deellinks](/nl/sharing-publishing/sharing-embedding) — Maak en beheer deellink-URL's
</div>
