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>
|