CrowlKit - Stijlthema bouwen

Het is vrij eenvoudig om je eigen stijlthema te bouwen.

Stijlcode toevoegen

In de head van je webpagina, kan je, net boven de afsluitende </head>-tag, onderstaande code toevoegen. 

• Vervang de naam van het data-theme door jouw naam. Die naam mag enkel letters en "-" bevatten. Dus: geen spaties, cijfers of andere speciale tekens (alles van a-z)
• Vervang de kleurcodes. Die codes kunnen in HEX, RGB of RGBA
• Vervang desgewenst de variabele naam voor het lettertype. In het onderstaande overzicht zie je een lijst van beschikbare lettertypes. 

<style>
body[data-theme="jouw-stijlnaam"] {
    --primary-color: #333;
    --secondary-color: #fff;
    --background-color: #f9f9f9;
    --accent-color: #007bff;
    --text-color: #212121;
    --default-font-family: var(--ubuntu-font);
}
</style>

Daarna wijzig je bij body de stijlnaam:

<body data-theme="jouw-stijlnaam">

Beschikbare lettertypes