Temaer
Tag fuld kontrol over alle farverne
Theme light
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Accent | #333333 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #333333 |
| Link button hover | |
| Link hover color | hsl(0, 0%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme light"></div>
|
Header dark green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #ffffff |
| Baggrund | #0c3333 |
| Accent | #ffffff |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #ffffff |
| Baggrund | #0c3333 |
| Ramme | #ffffff |
| Primary button hover | |
| Forgrund | #ffffff |
| Baggrund | hsl(180, 62%, 40%) |
| Ramme | #ffffff |
| Sekundær knap | |
|---|---|
| Forgrund | #ffffff |
| Baggrund | #0c3333 |
| Ramme | #ffffff |
| Secondary button hover | |
| Forgrund | #ffffff |
| Baggrund | hsl(180, 62%, 40%) |
| Ramme | #ffffff |
| Link button | |
|---|---|
| Link color | #ffffff |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Implementering |
<div class="theme theme-header-green"></div>
|
| Base | |
|---|---|
| Forgrund | currentColor |
| Baggrund | #57db7c |
| 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 theme-header-banner"></div>
|
| Base | |
|---|---|
| Forgrund | #0c3333 |
| Baggrund | #efe8df |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #ffffff |
| Baggrund | #0c3333 |
| Ramme | #0c3333 |
| Primary button hover | |
| Forgrund | #ffffff |
| Baggrund | hsl(180, 62%, 40%) |
| Ramme | #0c3333 |
| 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 theme-banner-home"></div>
|