Temaer
Tag fuld kontrol over alle farverne
Standard BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #EAE8E3 |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #FF3025 |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #FF3025 |
| Implementering |
<div class="theme standard_bki_privat"></div>
|
Warm grey 1 BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #D7D2CB |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #FF3025 |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #FF3025 |
| Implementering |
<div class="theme warm_grey_1_bki_privat"></div>
|
Warm grey 3 BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #BDB4AA |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #FF3025 |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #FF3025 |
| Implementering |
<div class="theme warm_grey_3_bki_privat"></div>
|
Brown BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #7B6D61 |
| Accent | #EAE8E3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #FF3025 |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #FF3025 |
| Implementering |
<div class="theme brown_3_bki_privat"></div>
|
Dark Brown BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #3F3934 |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #C7342E |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #C7342E |
| Implementering |
<div class="theme dark_brown_3_bki_privat"></div>
|
Pink BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F3D1CD |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #FF3025 |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #FF3025 |
| Implementering |
<div class="theme pink_bki_privat"></div>
|
Red BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Accent | #EAE8E3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #3C0D00 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme red_bki_privat"></div>
|
Dark Red BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #EAE8E3 |
| Baggrund | #3C0D00 |
| Accent | #EAE8E3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #EAE8E3 |
| Link button hover | |
| Link hover color | hsl(42,86, 14%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme dark_red_bki_privat"></div>
|
Light Green BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #D3D4B7 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme light_green_bki_privat"></div>
|
Green BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #858977 |
| Accent | #EAE8E3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme green_bki_privat"></div>
|
Grass Green BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #505D36 |
| Accent | #EAE8E3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme grass_green_bki_privat"></div>
|
Dark Green BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2C3425 |
| Accent | #EAE8E3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #EAE8E3 |
| Link button hover | |
| Link hover color | hsl(42,86, 14%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme dark_green_bki_privat"></div>
|
White BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme white_bki_privat"></div>
|
Transparent Primary BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #3F3934 |
| Baggrund | transparent |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme transparent_primary_bki_privat"></div>
|
Transparent Primary White Red BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme transparent_primary_white_red_bki_privat"></div>
|
Transparent Primary Black Red BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #3F3934 |
| Baggrund | transparent |
| Accent | #FF3025 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme transparent_primary_black_red_bki_privat"></div>
|
Transparent Dark Red Text BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #571B12 |
| Baggrund | transparent |
| Accent | #3C0D00 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme transparent_dark_red_text_bki_privat"></div>
|
Transparent Red Text BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #C7342E |
| Baggrund | transparent |
| Accent | #F3DCD0 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #C7342E |
| Link button hover | |
| Link hover color | hsl(2,35, 62%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme transparent_red_text_bki_privat"></div>
|
Transparent Mokka Text BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #7B6D61 |
| Baggrund | transparent |
| Accent | #BDB4AA |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #FF3025 |
| Link button hover | |
| Link hover color | hsl(3,03, 100%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme transparent_mokka_text_bki_privat"></div>
|
Transparent Grey Text BKI PRIVAT
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #EAE8E3 |
| Baggrund | transparent |
| Accent | #D7D2CB |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF3025 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #571B12 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #C7342E |
| Ramme | transparent |
| Focus outline | #FF3025 |
| Implementering |
<div class="theme transparent_grey_text_bki_privat"></div>
|