Temaer
Tag fuld kontrol over alle farverne
Kontra Basic KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #0A584E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_basic"></div>
|
Kontra Green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #09584E |
| Baggrund | #FFFFFF |
| Accent | #6FA388 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #09584E |
| Ramme | #09584E |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA388 |
| Ramme | #6FA388 |
| Secondary button hover | |
| Forgrund | #6FA287 |
| Baggrund | #FFFFFF |
| Ramme | #6FA287 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #09584E |
| Link button hover | |
| Link hover color | hsl(172,41, 81%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_green"></div>
|
Kontra Mokka
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Accent | #9E9282 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Ramme | #9E9282 |
| Secondary button hover | |
| Forgrund | #9E9282 |
| Baggrund | #FFFFFF |
| Ramme | #9E9282 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_mokka"></div>
|
Kontra Pink
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Accent | #FF808B |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF808B |
| Ramme | #FF808B |
| Secondary button hover | |
| Forgrund | #FF808B |
| Baggrund | #FFFFFF |
| Ramme | #FF808B |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_pink"></div>
|
Kontra Yellow
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Accent | #BC880E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #BC880E |
| Ramme | #BC880E |
| Secondary button hover | |
| Forgrund | #BC880E |
| Baggrund | #FFFFFF |
| Ramme | #BC880E |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_yellow"></div>
|
Kontra Orange KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #CF4620 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #CF4620 |
| Secondary button hover | |
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #CF4620 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_orange"></div>
|
Kontra Plum KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #573751 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #573751 |
| Secondary button hover | |
| Forgrund | #573751 |
| Baggrund | #FFFFFF |
| Ramme | #573751 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_plum"></div>
|
Kontra Green BG KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| 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 kontra_green-bg"></div>
|
Kontra Light Green BG
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA287 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA287 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #6FA287 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #6FA287 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #6FA287 |
| Ramme | #FFFFFF |
| 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 kontra_light_green_bg"></div>
|
Kontra Plum BG KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #573751 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #573751 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #FFFFFF |
| 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 kontra_plum_bg"></div>
|
Kontra Orange BG KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #FFFFFF |
| 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 kontra_orange_bg"></div>
|
Kontra Pink BG
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #EF7E8B |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #EF7E8B |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FF808B |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #EF7E8B |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #FF808B |
| Ramme | #FFFFFF |
| 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 kontra_pink_bg"></div>
|
Kontra Yellow BG
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CC8A0F |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CC8A0F |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #CC8A00 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #CC8A0F |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #CC8A00 |
| Ramme | #FFFFFF |
| 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 kontra_yellow_bg"></div>
|
Kontra Mokka BG
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #9E9282 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #9E9282 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Ramme | #FFFFFF |
| 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 kontra_mokka_bg"></div>
|
Kontra Black BG
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #9E9282 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Ramme | #FFFFFF |
| 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 kontra_black_bg"></div>
|
Kontra Transparent White
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Accent | #2D5349 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_transparent_white"></div>
|
Kontra Basic Transparent KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #0A584E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | hsl(172,31, 80%, 40%) |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #CCCCCC |
| Ramme | #0A584E |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_basic_transparent"></div>
|
Kontra Green Transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Accent | #6FA287 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(164,21, 30%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA287 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Implementering |
<div class="theme kontra_green_transparent"></div>
|
Kontra Mokka Transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | transparent |
| Accent | #9E9282 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(164,21, 30%, 40%) |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(34,29, 13%, 40%) |
| Ramme | #2D5349 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_mokka_transparent"></div>
|
Kontra Pink Transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Accent | #FF808B |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(164,21, 30%, 40%) |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF808B |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(354,8, 100%, 85%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_pink_transparent"></div>
|
Kontra Yellow Transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | transparent |
| Accent | #BC880E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(164,21, 30%, 40%) |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #BC880E |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(42,07, 86%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_yellow_transparent"></div>
|
Kontra Orange Transparent KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #CF4620 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | hsl(172,31, 80%, 40%) |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(13,03, 73%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_orange_transparent"></div>
|
Kontra Plum Transparent KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #573751 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | hsl(172,31, 80%, 40%) |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #573751 |
| Baggrund | hsl(311,25, 23%, 40%) |
| Ramme | #573751 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_plum_transparent"></div>
|
Kontra Basic Grey KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #EFECEA |
| Baggrund | #0A584E |
| Ramme | #EFECEA |
| Sekundær knap | |
|---|---|
| Forgrund | #EFECEA |
| Baggrund | #0A584E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Ramme | #0A584E |
| 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 kontra_basic_grey"></div>
|
Kontra Green Grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Accent | #6FA287 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA287 |
| Ramme | #6FA287 |
| Secondary button hover | |
| Forgrund | #6FA287 |
| Baggrund | #EFECEA |
| Ramme | #6FA287 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_green_grey"></div>
|
Kontra Mokka Grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Accent | #9E9282 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #9E9282 |
| Ramme | #9E9282 |
| Secondary button hover | |
| Forgrund | #9E9282 |
| Baggrund | #EFECEA |
| Ramme | #9E9282 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_mokka_grey"></div>
|
Kontra Pink Grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Accent | #FF808B |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF808B |
| Ramme | #FF808B |
| Secondary button hover | |
| Forgrund | #FF808B |
| Baggrund | #EFECEA |
| Ramme | #FF808B |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_pink_grey"></div>
|
Kontra Yellow Grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Accent | #BC880E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #BC880E |
| Ramme | #BC880E |
| Secondary button hover | |
| Forgrund | #BC880E |
| Baggrund | #EFECEA |
| Ramme | #BC880E |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_yellow_grey"></div>
|
Kontra Orange Grey KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Accent | #CF4620 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #CF4620 |
| Secondary button hover | |
| Forgrund | #CF4620 |
| Baggrund | #EFECEA |
| Ramme | #CF4620 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_orange_grey"></div>
|
Kontra Plum Grey KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Accent | #573751 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #EFECEA |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #573751 |
| Secondary button hover | |
| Forgrund | #573751 |
| Baggrund | #EFECEA |
| Ramme | #573751 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_plum_grey"></div>
|
Test Jeppe
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2D5349 |
| Baggrund | transparent |
| Accent | #533A52 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #2D5349 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #EFECEA |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #533A52 |
| Ramme | #533A52 |
| Secondary button hover | |
| Forgrund | #533A52 |
| Baggrund | #EFECEA |
| Ramme | #533A52 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #2D5349 |
| Link button hover | |
| Link hover color | hsl(164,21, 30%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme test_jeppe"></div>
|
Kontra MintGreen Transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #6FA287 |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #6FA287 |
| Baggrund | #6FA287 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(148,24, 22%, 40%) |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA287 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(148,24, 22%, 40%) |
| Ramme | #2D5349 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #6FA287 |
| Link button hover | |
| Link hover color | hsl(148,24, 22%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_mintgreen_transparent"></div>
|
Kontra blue BG - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2A7D92 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2A7D92 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #70A5B3 |
| Ramme | #FFFFFF |
| Focus outline | #FFFFFF |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #FFFFFF |
| Implementering |
<div class="theme kontra_blue_bg"></div>
|
Kontra blue2 BG - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2A7D92 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #70A5B3 |
| Ramme | #FFFFFF |
| 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 kontra_blue2_bg"></div>
|
Kontra Orange2 BG KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Accent | #BD380F |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #BD380F |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #FFFFFF |
| 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 kontra_orange2_bg"></div>
|
Kontra Blue Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Accent | #70A5B3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2A7D92 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #418091 |
| Baggrund | hsl(192,12, 55%, 40%) |
| Ramme | #418091 |
| Sekundær knap | |
|---|---|
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #2A7D92 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #70A5B3 |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #70A5B3 |
| Link button hover | |
| Link hover color | hsl(192,54, 31%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_blue_transparent"></div>
|
Kontra Orange Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Accent | #EB600A |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #CF4620 |
| Baggrund | hsl(13,03, 73%, 40%) |
| Ramme | #CF4620 |
| Sekundær knap | |
|---|---|
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #CF4620 |
| Secondary button hover | |
| Forgrund | #EB500A |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #EB500A |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #EB500A |
| Link button hover | |
| Link hover color | hsl(18,67, 92%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_orange_transparent_kontrast"></div>
|
Kontra Plum Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #573751 |
| Baggrund | #FFFFFF |
| Accent | #EF7E8B |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #573751 |
| Baggrund | hsl(311,25, 23%, 40%) |
| Ramme | #573751 |
| Sekundær knap | |
|---|---|
| Forgrund | #573751 |
| Baggrund | #FFFFFF |
| Ramme | #573751 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #2D5349 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #EF7E8B |
| Link button hover | |
| Link hover color | hsl(353,1, 78%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_plum_transparent_kontrast"></div>
|
Kontra Black Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | transparent |
| Accent | #757575 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #757575 |
| Link button | |
|---|---|
| Link color | #333333 |
| Link button hover | |
| Link hover color | hsl(0, 0%, 40%) |
| Focus outline | #757575 |
| Implementering |
<div class="theme kontra_black_transparent_kontrast"></div>
|
Kontra White Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CCCCCC |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #FFFFFF |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #FFFFFF |
| Implementering |
<div class="theme kontra_white_transparent_kontrast"></div>
|
Kontra Blue white - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Accent | #70A5B3 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2A7D92 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #418091 |
| Baggrund | hsl(192,12, 55%, 40%) |
| Ramme | #418091 |
| Sekundær knap | |
|---|---|
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #2A7D92 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #70A5B3 |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #70A5B3 |
| Link button hover | |
| Link hover color | hsl(192,54, 31%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kontra_bluewhite_transparent"></div>
|
Kontra NEUTRAL
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme kontra_neutral"></div>
|
Kontra Black/Blue Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #2A7D92 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #2A7D92 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #2A7D92 |
| Baggrund | #FFFFFF |
| Ramme | #2A7D92 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #2A7D92 |
| Link button | |
|---|---|
| Link color | #2A7D92 |
| Link button hover | |
| Link hover color | hsl(192,12, 55%, 40%) |
| Focus outline | #2A7D92 |
| Implementering |
<div class="theme kontra_blackblue_transparent_kontrast"></div>
|
Kontra Black/Plum Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #573751 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #573751 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #573751 |
| Baggrund | #FFFFFF |
| Ramme | #573751 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #573751 |
| Link button | |
|---|---|
| Link color | #573751 |
| Link button hover | |
| Link hover color | hsl(311,25, 23%, 40%) |
| Focus outline | #573751 |
| Implementering |
<div class="theme kontra_blackplum_transparent_kontrast"></div>
|
Kontra Black/Orange Transparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #CF4620 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CF4620 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #CF4620 |
| Baggrund | #FFFFFF |
| Ramme | #CF4620 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #CF4620 |
| Link button | |
|---|---|
| Link color | #CF4620 |
| Link button hover | |
| Link hover color | hsl(13,03, 73%, 40%) |
| Focus outline | #CF4620 |
| Implementering |
<div class="theme kontra_blackorange_transparent_kontrast"></div>
|
Kontra Black/GreenTransparent - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | transparent |
| Accent | #0A584E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #0A584E |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #0A584E |
| Implementering |
<div class="theme kontra_blackgreen_transparent_kontrast"></div>
|
Kontra Basic KONTRAST NZ
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Accent | #0A584E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #0A584E |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Focus outline | #0A584E |
| Link button | |
|---|---|
| Link color | #CCCCCC |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #0A584E |
| Implementering |
<div class="theme kontra_basic-nz"></div>
|
Kontra Black white - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #757575 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #757575 |
| Link button | |
|---|---|
| Link color | #333333 |
| Link button hover | |
| Link hover color | hsl(0, 0%, 40%) |
| Focus outline | #757575 |
| Implementering |
<div class="theme kontra_blackwhite_kontrast"></div>
|
Kontra Black/white- KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #666666 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #666666 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #666666 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #666666 |
| Focus outline | #666666 |
| Link button | |
|---|---|
| Link color | #666666 |
| Link button hover | |
| Link hover color | hsl(0, 0%, 40%) |
| Focus outline | #666666 |
| Implementering |
<div class="theme kontra_blackwhite_white_kontrast"></div>
|
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #2D5349 |
| Ramme | #FFFFFF |
| Focus outline | #FFFFFF |
| Implementering |
<div class="theme kontra_green_footer_link"></div>
|
Kontra Green grey product list area
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FFFFFF |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #09584E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA388 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #6FA287 |
| Baggrund | #FFFFFF |
| Ramme | #6FA287 |
| Focus outline | #FFFFFF |
| Link button | |
|---|---|
| Link color | #09584E |
| Link button hover | |
| Link hover color | hsl(172,41, 81%, 40%) |
| Focus outline | #FFFFFF |
| Implementering |
<div class="theme kontra_green_grey_product_list_area"></div>
|
Kontra Black/GreenWhite - KONTRAST
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #0A584E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0A584E |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0A584E |
| Baggrund | #FFFFFF |
| Ramme | #0A584E |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #0A584E |
| Link button | |
|---|---|
| Link color | #0A584E |
| Link button hover | |
| Link hover color | hsl(172,31, 80%, 40%) |
| Focus outline | #0A584E |
| Implementering |
<div class="theme kontra_blackgreen_white_kontrast"></div>
|
Kontra Black white
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #757575 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #000000 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #000000 |
| Secondary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Focus outline | #757575 |
| Link button | |
|---|---|
| Link color | #333333 |
| Link button hover | |
| Link hover color | hsl(0, 0%, 40%) |
| Focus outline | #757575 |
| Implementering |
<div class="theme kontra_blackwhite"></div>
|
Kruso Kontra Green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #09584E |
| Baggrund | #FFFFFF |
| Accent | #6FA388 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #09584E |
| Ramme | #09584E |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #3A6B5E |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA388 |
| Ramme | #6FA388 |
| Secondary button hover | |
| Forgrund | #6FA287 |
| Baggrund | #FFFFFF |
| Ramme | #6FA287 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #09584E |
| Link button hover | |
| Link hover color | hsl(172,41, 81%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme kruso_kontra_green"></div>
|
Dashboard
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #09584E |
| Baggrund | #FFFFFF |
| Accent | #6FA388 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6FA388 |
| Ramme | #6FA388 |
| Primary button hover | |
| Forgrund | #2D5349 |
| Baggrund | #FFFFFF |
| Ramme | #2D5349 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #09584E |
| Ramme | #09584E |
| Secondary button hover | |
| Forgrund | #6FA287 |
| Baggrund | #FFFFFF |
| Ramme | #6FA287 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #09584E |
| Link button hover | |
| Link hover color | hsl(172,41, 81%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme dashboard"></div>
|