Temaer
Tag fuld kontrol over alle farverne
White
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #5E5E57 |
| Baggrund | #FFFFFF |
| Accent | #0B2D2D |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1E4E4B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(176,25, 44%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #1E4E4B |
| Baggrund | #FFFFFF |
| Ramme | #1E4E4B |
| Secondary button hover | |
| Forgrund | #1E4E4B |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #1E4E4B |
| Focus outline | #8F5145 |
| Link button | |
|---|---|
| Link color | #082612 |
| Link button hover | |
| Link hover color | hsl(140, 65%, 40%) |
| Focus outline | #8F5145 |
| Implementering |
<div class="theme theme-white"></div>
|
Beige
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #272525 |
| Baggrund | #D9D7C5 |
| Accent | #0B2D2D |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1E4E4B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(176,25, 44%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #1E4E4B |
| Baggrund | transparent |
| Ramme | #1E4E4B |
| Secondary button hover | |
| Forgrund | #1E4E4B |
| Baggrund | transparent |
| Ramme | #1E4E4B |
| Focus outline | #403E3B |
| Link button | |
|---|---|
| Link color | #272525 |
| Link button hover | |
| Link hover color | hsl(0, 3%, 40%) |
| Focus outline | #403E3B |
| Implementering |
<div class="theme theme-beige"></div>
|
Mørkegrøn
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0B2D2D |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #0B2D2D |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #0B2D2D |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Focus outline | #1BBA89 |
| Link button | |
|---|---|
| Link color | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #1BBA89 |
| Implementering |
<div class="theme theme-darkgreen"></div>
|
Lysegrøn
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #082612 |
| Baggrund | #1BBA89 |
| Accent | #082612 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #082612 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(140, 65%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #082612 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #082612 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #082612 |
| Link button hover | |
| Link hover color | hsl(140, 65%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-lightgreen"></div>
|
Grøn
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1E4E4B |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #1E4E4B |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #1E4E4B |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1E4E4B |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #1E4E4B |
| 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 theme-green"></div>
|
Brun
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #8F5145 |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #8F5145 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #8F5145 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| 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 theme-brown"></div>
|