På KEA har vi en række farver, der bruges på tværs af alle sider. I boksene til højre (nedenfor på en mobil) kan du se, hvordan de ser ud.

Udover standardfarverne bruges en række farver baseret på vores mange ambassadører. Længere nede på siden kan du finde nogle farver til mørke bokse og lyse bokse. Alle disse farver lever op til de krævede kontrastforhold, hvis du benytter hvid skrift til de mørke bokse og standardskriftfarven på de lyse bokse. 

Hvis du vil bruge andre farver end standardfarverne (eller de listede farver nedenfor) til fx tekstbokse eller lignende, er det vigtigt, at du tjekker om baggrundsfarven og tekstfarven lever op til kravene for kontrast (en del af tilgængelighed). Du kan bruge kontrasttjekkeren på webaim.org. Skriv den baggrundsfarve du vil bruge ind i feltet Background Color og skriv enten hvid (#fff) eller den mørkeblå standardtekstfarve (#233249) ind i feltet Foreground Color. Kontrasten skal leve op til WCAG AA. Gør den ikke det, skal du enten gøre baggrundsfarven mørkere eller lysere afhængig af, hvilken skriftfarve du vil bruge.

Farverne i Joomla

Når du skal redigere i Joomla/Quix, vil du i nogle moduler og ved nogle funktionaliteter kunne vælge hvilken farve teksten skal have. Du kan som regel vælge imellem:

White

base-color-1 (= #233249) 

base-color-2 (= #ea5045) 

base-color-3 (= #ededed, standardbaggrundsfarven) 

#233249

bruges til font-farve, menu, footer og andre indbyggede elementer

#ea5045

bruges til knapper (min. 24px i skriftstr.), ikoner, hover ved links mm.

#e12619

bruges til bokse med rød baggrund og knapper (fx presentation boxes)

Mørke bokse med hvid skrift

#C74829
Font: #fff

#cd4272
Font: #fff

#dc324c
Font: #fff

#7e5798
Font: #fff

#397cac
Font: #fff

#4e7c4b
Font: #fff

#635c40
Font: #fff

#6b232e
Font: #fff

#4c374b
Font: #fff

Lyse bokse med mørk skrift

#f3d052
Font: #233249

#c1bbdd
Font: #233249

#95d3f4
Font: #233249

#76d1cd
Font: #233249

#a5cdb3
Font: #233249