Let's Build
Kleuren
Het framework heeft een basis kleurpalet:
Basis primaire kleur
Tekst
color-basic
Basis hover kleur
Tekst
color-basic-hover
Basis lichte kleur
Tekst
color-light-basic
Basis lichte hover kleur
Tekst
color-light-basic-hover
Kleuren toevoegen
Het kleurpalet van dit framework heeft twaalf kleuren.
Kleur paletten
De kleuren van elementen vind je op de pagina's van die elementen
Wit
Witte primaire kleur
Tekst
color-white
Witte hover kleur
Tekst
color-white-hover
Witte lichte kleur
Tekst
color-light-white
Witte lichte hover kleur
Tekst
color-light-white-hover
Zwart
Zwarte primaire kleur
Tekst
color-black
Zwarte hover kleur
Tekst
color-black-hover
Zwarte lichte kleur
Tekst
color-light-black
Zwarte lichte hover kleur
Tekst
color-light-black-hover
Grijs
Grijse primaire kleur
Tekst
color-gray
Grijse hover kleur
Tekst
color-gray-hover
Grijse lichte kleur
Tekst
color-light-gray
Grijse lichte hover kleur
Tekst
color-light-gray-hover
Blauw
Blauwe primaire kleur
Tekst
color-blue
Blauwe hover kleur
Tekst
color-blue-hover
Blauwe lichte kleur
Tekst
color-light-blue
Blauwe lichte hover kleur
Tekst
color-light-blue-hover
Rood
Rode primaire kleur
Tekst
color-red
Rode hover kleur
Tekst
color-red-hover
Rode lichte kleur
Tekst
color-light-red
Rode lichte hover kleur
Tekst
color-light-red-hover
Oranje
Oranje primaire kleur
Tekst
color-orange
Oranje hover kleur
Tekst
color-orange-hover
Oranje lichte kleur
Tekst
color-light-orange
Oranje lichte hover kleur
Tekst
color-light-orange-hover
Groen
Groene primaire kleur
Tekst
color-green
Groene hover kleur
Tekst
color-green-hover
Groene lichte kleur
Tekst
color-light-green
Groene lichte hover kleur
Tekst
color-light-green-hover
Lime
Lime primaire kleur
Tekst
color-lime
Lime hover kleur
Tekst
color-lime-hover
Lime lichte kleur
Tekst
color-light-lime
Lime lichte hover kleur
Tekst
color-light-lime-hover
Geel
Gele primaire kleur
Tekst
color-yellow
Gele hover kleur
Tekst
color-yellow-hover
Gele lichte kleur
Tekst
color-light-yellow
Gele lichte hover kleur
Tekst
color-light-yellow-hover
Bruin
Bruine primaire kleur
Tekst
color-brown
Bruine hover kleur
Tekst
color-brown-hover
Bruine lichte kleur
Tekst
color-light-brown
Bruine lichte hover kleur
Tekst
color-light-brown-hover
Paars
Paarse primaire kleur
Tekst
color-purple
Paarse hover kleur
Tekst
color-purple-hover
Paarse lichte kleur
Tekst
color-light-purple
Paarse lichte hover kleur
Tekst
color-light-purple-hover
Rose
Rose primaire kleur
Tekst
color-pink
Rose hover kleur
Tekst
color-pink-hover
Rose lichte kleur
Tekst
color-light-pink
Rose lichte hover kleur
Tekst
color-light-pink-hover
Zelf een kleurpalet samenstellen?
Open het style bestand colors.css en wijzig de kleur variaties aan de top van het document met je eigen kleuren en sla het document onder een andere naam op bv my-colors.css en laad deze in je pagina's.
Wijzig de kleurcode's maar laat de varianten naam ongewijzigd!
