Temaer
Tag fuld kontrol over alle farverne
Light grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F7F7F7 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00587C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | transparent |
| Ramme | #006BA6 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | #006BA6 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme lightgrey"></div>
|
Light grey (blue header)
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | #F7F7F7 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00587C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | transparent |
| Ramme | #006BA6 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | #006BA6 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme light-grey-header"></div>
|
White
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00587C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | transparent |
| Ramme | #006BA6 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | #006BA6 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme white"></div>
|
White (blue header)
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00587C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | transparent |
| Ramme | #006BA6 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | #006BA6 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme white-header"></div>
|
bright Blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #64B4E6 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #00587C |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme bright-blue"></div>
|
Blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #00587C |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme blue"></div>
|
Dark blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #00587C |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #00587C |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme dark-blue"></div>
|
Light transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #00587C |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme light-transparent"></div>
|
Dark transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00587C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #006BA6 |
| Baggrund | transparent |
| Ramme | #006BA6 |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #006BA6 |
| Ramme | #006BA6 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme dark-transparent"></div>
|