Temaer
Tag fuld kontrol over alle farverne
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #3E3E3E |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-banner"></div>
|
Theme light
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #061E4F |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #061E4F |
| Baggrund | #FFEA71 |
| Ramme | #FFEA71 |
| Primary button hover | |
| Forgrund | #061E4F |
| Baggrund | #F0DC6A |
| Ramme | #F0DC6A |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-light"></div>
|
Theme yellow
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFE01B |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFE01B |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | #BFA814 |
| Ramme | #BFA814 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #007C89 |
| Ramme | #007C89 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #005C66 |
| Ramme | #007C89 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme yellow"></div>
|
Theme blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #061E4F |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | #E8E8E8 |
| Ramme | #333333 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #007C89 |
| Ramme | #007C89 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00555E |
| Ramme | #00555E |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme blue"></div>
|
Theme white with border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | #E0E0E0 |
| Primær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | #E8E8E8 |
| Ramme | #333333 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #007C89 |
| Ramme | #007C89 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00555E |
| Ramme | #00555E |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme whitewithborder"></div>
|
Theme rose
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #061E4F |
| Baggrund | #F6E7F3 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #3E3E3E |
| Baggrund | #FFEA71 |
| Ramme | #FFEA71 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #FFEA71 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme rose"></div>
|