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.
Tilgang til Udseendeindstillinger
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
Å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.
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.Forhåndsvis ændringerne
Gennemgå, hvordan de opdaterede farver ser ud i sidevæggen og på tværs af grænsefladen, inden du gemmer.
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.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.Sigt efter WCAG AA-kontrastforhold
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 til at verificere.
Undgå kombinationer med lav kontrast
Par ikke farver som lysegrå tekst på hvid eller gul tekst på hvid — disse opfylder ikke tilgængelighedsstandarder og belaster øjnene ved lange sessioner.
Test hover-tilstande bevidst
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.
Hold dig konsekvent med dit brand
Brug den samme primærfarve her som på dit websted, tilbud og fakturaer. Konsistens opbygger genkendelse og professionalisme på tværs af alle kundekontaktpunkter.
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.