> ## 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.

# Tilpas Dit AgencyHandy Workspace Farveskemaer

> Anvend dine brandfarver på AgencyHandy-sidevæggen og grænsefladen — primærfarve, baggrund, tekst og hover-tilstande — synligt øjeblikkeligt for alle brugere.

Udseendeindstillingerne giver dig fuld kontrol over, hvordan dit AgencyHandy-workspace ser ud. Du kan tilpasse platformens farveskema til dit bureaus brandidentitet ved at ændre primærfarven, sidevæggens baggrundsfarve, sidevæggens tekstfarve og hover-fremhævningsfarven for sidevægsnavigationselementer. Alle ændringer, du gemmer, træder i kraft øjeblikkeligt på tværs af hele workspacet for alle brugere — ingen sideopdatering er nødvendig.

<Note>
  Kun **Super Admins** og **Admins** kan tilgå og ændre Udseendeindstillinger. Hvis du ikke kan se denne indstilling under **Workspace Config**, skal du bede din Super Admin om at gennemgå din rolle.
</Note>

## Tilgang til Udseendeindstillinger

<Steps>
  <Step title="Åbn Workspace Config">
    Klik på **Workspace Config** i den venstre navigationsmenu.
  </Step>

  <Step title="Vælg Udseende">
    Klik på **Appearance** (sommetider mærket **Visual Settings**) i undermenuen.
  </Step>
</Steps>

***

## Tilpasning af Hvert Visuelt Element

### Primærfarve

Primærfarven anvendes på knapper, aktive links, fremhævede tilstande og vigtige grænsefladeelementer overalt på platformen.

* Vælg en farve, der afspejler din kernebranding-identitet.
* Dette er den mest indflydelsesrige farveindstilling, da den optræder overalt i brugergrænsefladen.

### Sidevægs Baggrundsfarve

Sidevæggens baggrund angiver grundfarven i det venstre navigationspanel.

* Brug en farve, der skaber en klar visuel adskillelse mellem sidevæggen og det centrale indholdsområde.
* Mørke baggrunde med lys tekst fungerer generelt bedst med hensyn til læsbarhed.

### Sidevægs Tekstfarve

Sidevæggens tekstfarve styrer labelfarven for alle navigationselementer i den venstre menu.

* Vælg altid en farve med stærk kontrast mod din sidevægs baggrundsfarve.
* Dårlig kontrast gør links sværere at læse og reducerer tilgængeligheden.

### Sidevægs Hover Baggrundsfarve

Denne farve vises som baggrundsfremhævning, når en bruger bevæger sin markør over et sidevægsnavigationselement.

* Den signalerer interaktivitet og hjælper brugerne med at forstå, hvilket element de er ved at klikke på.
* Vælg en farve, der er tydeligt forskellig fra både standard sidevægs baggrund og den aktive elementfarve.

***

## Anvendelse af Dine Farvevalg

<Steps>
  <Step title="Åbn farvevælgeren for hvert felt">
    Klik på farvefirkanten ved siden af et af de fire udseendefelter — Primærfarve, Sidevægs Baggrund, Sidevægs Tekstfarve eller Sidevægs Hover Baggrundsfarve — for at åbne farvevælgeren.
  </Step>

  <Step title="Indtast en hex-kode eller vælg en farve">
    Skriv dit brands nøjagtige hex-kode (f.eks. `#3B5BDB`) direkte i inputfeltet, eller brug den visuelle vælger til at vælge en farvetone.
  </Step>

  <Step title="Forhåndsvis ændringerne">
    Gennemgå, hvordan de opdaterede farver ser ud i sidevæggen og på tværs af grænsefladen, inden du gemmer.
  </Step>

  <Step title="Klik på Save Changes">
    Når du er tilfreds med resultatet, klik på **Save Changes**. Det opdaterede udseende anvendes globalt og øjeblikkeligt for alle brugere i workspacet.
  </Step>
</Steps>

<Tip>
  Opbevar en oversigt over dit brands hex-farvekoder et tilgængeligt sted (en brandstilguide eller notesfil). Du vil gerne genbruge de nøjagtige samme værdier konsekvent — især hvis du nogensinde har brug for at nulstille og rekonfigurere dine udseendeindstillinger.
</Tip>

***

## Nulstilling til Standard Tema

Hvis du vil fjerne al brugerdefineret branding og gendanne det originale AgencyHandy-farveskema, skal du klikke på knappen **Reset Default Settings** på Udseende-siden.

<Warning>
  Nulstilling til standarder kasserer permanent alle brugerdefinerede farveændringer. Denne handling kan ikke fortrydes. Hvis du vil bevare dine nuværende indstillinger, skal du notere dine hex-koder, inden du nulstiller.
</Warning>

***

## Bedste Praksisser for Farvekontrast

God farvekontrast er ikke blot en designpræference — det påvirker direkte læsbarhed og tilgængelighed for dit team og dine kunder.

<CardGroup cols={2}>
  <Card title="Sigt efter WCAG AA-kontrastforhold" icon="eye">
    For normal brødtekst skal du bruge et kontrastforhold på mindst **4.5:1** mellem tekst og baggrund. For stor tekst eller ikoner er et forhold på **3:1** acceptabelt. Brug et værktøj som [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) til at verificere.
  </Card>

  <Card title="Undgå kombinationer med lav kontrast" icon="triangle-exclamation">
    Par ikke farver som lysegrå tekst på hvid eller gul tekst på hvid — disse opfylder ikke tilgængelighedsstandarder og belaster øjnene ved lange sessioner.
  </Card>

  <Card title="Test hover-tilstande bevidst" icon="arrow-pointer">
    Hover-farver bør være tydeligt forskellige fra både hviletilstanden og den aktive tilstand. Hvis de ser ens ud, mister brugerne vigtig visuel feedback.
  </Card>

  <Card title="Hold dig konsekvent med dit brand" icon="paintbrush">
    Brug den samme primærfarve her som på dit websted, tilbud og fakturaer. Konsistens opbygger genkendelse og professionalisme på tværs af alle kundekontaktpunkter.
  </Card>
</CardGroup>

***

## Vigtige Bemærkninger

* **Øjeblikkelig global effekt:** Alle gemte udseendeændringer anvendes øjeblikkeligt på tværs af hele workspacet. Alle indloggede brugere ser opdateringen ved deres næste navigationshandling.
* **Ét aktivt tema:** Der er ingen understøttelse af flere temaer — ét sæt farver gælder for hele workspacet for alle roller.
* **Rollebegrænsning:** Kun Super Admins og Admins kan foretage udseendeændringer. Almindelige teammedlemmer og kunder kan ikke ændre farver.
* **Nulstilling er permanent:** Knappen **Reset Default Settings** kan ikke fortrydes, så brug den kun, når du bevidst ønsker at fjerne alle brugerdefinerede farver.