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

# Pas de Kleurenschema's van Uw AgencyHandy Workspace Aan

> Pas uw merkkleuren toe op de AgencyHandy-zijbalk en interface — primaire kleur, achtergrond, tekst en zweefstatussen — onmiddellijk zichtbaar voor alle gebruikers.

Met de Uiterlijk-instellingen heeft u volledige controle over hoe uw AgencyHandy workspace eruitziet. U kunt het kleurenschema van het platform afstemmen op de merkidentiteit van uw bureau door de primaire kleur, zijbalkachtergrond, zijbalktekstkleur en de zweefmarkeerkleur voor zijbalknavigatie-items aan te passen. Elke wijziging die u opslaat, treedt onmiddellijk in werking voor de hele workspace voor alle gebruikers — zonder paginavernieuwing.

<Note>
  Alleen **Superbeheerders** en **Beheerders** kunnen Uiterlijk-instellingen openen en wijzigen. Als u deze optie niet ziet onder **Workspace Config**, vraag dan uw Superbeheerder om uw rol te bekijken.
</Note>

## Toegang tot Uiterlijk-instellingen

<Steps>
  <Step title="Open Workspace Config">
    Klik in het linkernavigatiemenu op **Workspace Config**.
  </Step>

  <Step title="Selecteer Uiterlijk">
    Klik op **Uiterlijk** (soms aangeduid als **Visuele Instellingen**) in het submenu.
  </Step>
</Steps>

***

## Elk Visueel Element Aanpassen

### Primaire Kleur

De primaire kleur wordt toegepast op knoppen, actieve koppelingen, gemarkeerde statussen en belangrijke interface-elementen door het hele platform.

* Kies een kleur die uw kernmerkidentiteit weerspiegelt.
* Dit is de meest impactvolle kleurinstelling omdat deze overal in de UI verschijnt.

### Achtergrondkleur Zijbalk

De achtergrond van de zijbalk stelt de basisschaduw in van het linkernavigatiepaneel.

* Gebruik een kleur die een duidelijke visuele scheiding creëert tussen de zijbalk en het hoofdinhoudsgebied.
* Donkere achtergronden met lichte tekst presteren over het algemeen het beste voor leesbaarheid.

### Tekstkleur Zijbalk

De tekstkleur van de zijbalk bepaalt de labelkleur voor alle navigatie-items in het linkermenu.

* Kies altijd een kleur die een sterk contrast heeft ten opzichte van uw zijbalkachtergrondkleur.
* Slecht contrast maakt koppelingen moeilijker leesbaar en vermindert de toegankelijkheid.

### Zweefachtergrondkleur Zijbalk

Deze kleur verschijnt als achtergrondmarkering wanneer een gebruiker de cursor over een zijbalknavigatie-item beweegt.

* Het signaleert interactiviteit en helpt gebruikers te begrijpen op welk item ze op het punt staan te klikken.
* Kies een kleur die duidelijk te onderscheiden is van zowel de standaard zijbalkachtergrond als de actieve itemkleur.

***

## Uw Kleurkeuzes Toepassen

<Steps>
  <Step title="Open de kleurkiezer voor elk veld">
    Klik op het kleurvlak naast een van de vier uiterlijkvelden — Primaire Kleur, Zijbalkachtergrond, Tekstkleur Zijbalk of Zweefachtergrondkleur Zijbalk — om de kleurkiezer te openen.
  </Step>

  <Step title="Voer een hexadecimale code in of kies een kleur">
    Typ de exacte hexadecimale code van uw merk (bijv. `#3B5BDB`) rechtstreeks in het invoerveld, of gebruik de visuele kiezer om een tint te selecteren.
  </Step>

  <Step title="Bekijk een voorvertoning van de wijzigingen">
    Bekijk hoe de bijgewerkte kleuren eruitzien in de zijbalk en door de interface voordat u opslaat.
  </Step>

  <Step title="Klik op Wijzigingen opslaan">
    Als u tevreden bent met het resultaat, klik dan op **Wijzigingen opslaan**. Het bijgewerkte uiterlijk wordt globaal en onmiddellijk toegepast op alle gebruikers in de workspace.
  </Step>
</Steps>

<Tip>
  Bewaar de hexadecimale kleurcodes van uw merk op een toegankelijke plek (een merkstijlgids of notitieboekbestand). U wilt exact dezelfde waarden consistent hergebruiken — vooral als u uw uiterlijkinstellingen ooit opnieuw moet instellen en configureren.
</Tip>

***

## Terug naar Standaardthema

Als u alle aangepaste merkidentiteit wilt verwijderen en het originele AgencyHandy-kleurenschema wilt herstellen, klik dan op de knop **Standaardinstellingen herstellen** op de Uiterlijk-pagina.

<Warning>
  Terugzetten naar standaarden verwijdert permanent alle aangepaste kleurwijzigingen. Deze actie kan niet ongedaan worden gemaakt. Als u uw huidige instellingen wilt bewaren, noteer dan uw hexadecimale codes voordat u terugzet.
</Warning>

***

## Aanbevolen Werkwijzen voor Kleurcontrast

Goed kleurcontrast is niet alleen een ontwerpsvoorkeur — het heeft direct invloed op de leesbaarheid en toegankelijkheid voor uw team en klanten.

<CardGroup cols={2}>
  <Card title="Streef naar WCAG AA-contrastverhoudingen" icon="eye">
    Gebruik voor normale hoofdtekst een contrastverhouding van minimaal **4,5:1** tussen tekst en achtergrond. Voor grote tekst of pictogrammen is een verhouding van **3:1** acceptabel. Gebruik een tool zoals [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) om te verifiëren.
  </Card>

  <Card title="Vermijd combinaties met weinig contrast" icon="triangle-exclamation">
    Combineer geen kleuren zoals lichtgrijze tekst op wit, of gele tekst op wit — deze voldoen niet aan toegankelijkheidsnormen en vermoeien de ogen tijdens lange sessies.
  </Card>

  <Card title="Test zweefstatussen bewust" icon="arrow-pointer">
    Zweefkleuren moeten merkbaar verschillen van zowel de rusttoestand als de actieve toestand. Als ze er hetzelfde uitzien, verliezen gebruikers belangrijke visuele feedback.
  </Card>

  <Card title="Blijf consistent met uw merk" icon="paintbrush">
    Gebruik hier dezelfde primaire kleur als op uw website, offertes en facturen. Consistentie bouwt herkenning en professionaliteit op bij alle klantcontactpunten.
  </Card>
</CardGroup>

***

## Belangrijke Opmerkingen

* **Onmiddellijk globaal effect:** Alle opgeslagen uiterlijkwijzigingen worden onmiddellijk toegepast in de hele workspace. Elke ingelogde gebruiker ziet de update bij zijn volgende navigatieactie.
* **Één actief thema:** Er is geen ondersteuning voor meerdere thema's — één set kleuren geldt voor de gehele workspace voor alle rollen.
* **Rolbeperking:** Alleen Superbeheerders en Beheerders kunnen uiterlijkwijzigingen aanbrengen. Gewone teamleden en klanten kunnen geen kleuren aanpassen.
* **Terugzetten is permanent:** De knop **Standaardinstellingen herstellen** kan niet ongedaan worden gemaakt, dus gebruik hem alleen wanneer u bewust alle aangepaste kleuren wilt verwijderen.