Temaer
Tag fuld kontrol over alle farverne
Theme light brown
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #EBE3D8 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #EBE3D8 |
| Baggrund | #504139 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #EBE3D8 |
| Baggrund | hsl(20,87, 17%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme lightbrown"></div>
|
Theme 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 | 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 |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme lighttransparent"></div>
|
Theme dark brown
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFEF8 |
| Baggrund | #504139 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #FFFEF8 |
| Ramme | #504139 |
| Primary button hover | |
| Forgrund | #FFFEF8 |
| Baggrund | #504139 |
| Ramme | #FFFEF8 |
| Sekundær knap | |
|---|---|
| Forgrund | #CCCCCC |
| Baggrund | #000000 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #CCCCCC |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme darkbrown"></div>
|
Theme yellow1
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #FFFEF8 |
| Accent | currentColor |
| Ramme | #FFFEF8 |
| Primær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #FFFEF8 |
| Ramme | #504139 |
| Primary button hover | |
| Forgrund | #FFFEF8 |
| Baggrund | #504139 |
| Ramme | #504139 |
| Sekundær knap | |
|---|---|
| Forgrund | #CCCCCC |
| Baggrund | #000000 |
| Ramme | #CCCCCC |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | #CCCCCC |
| Ramme | #CCCCCC |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme yellow1"></div>
|
Theme yellow (info banner)
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FBF4CF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #333333 |
| Sekundær knap | |
|---|---|
| Forgrund | #616161 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #616161 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme yellow2"></div>
|
Theme green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #D6DDD7 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #D6DDD7 |
| Baggrund | #504139 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #D6DDD7 |
| Baggrund | hsl(20,87, 17%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme green"></div>
|
Theme dark brown with border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFEF8 |
| Baggrund | #504139 |
| Accent | currentColor |
| Ramme | #938A82 |
| Primær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #FFFEF8 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(51,43, 100%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #FFFEF8 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(51,43, 100%, 85%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme darkbrownwithborder"></div>
|
Theme dark brown with light brown text
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #938A82 |
| Baggrund | #504139 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #938A82 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(28,24, 7,000000000000001%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #938A82 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(28,24, 7,000000000000001%, 40%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme darkbrownwithlightbrowntext"></div>
|
Theme Last edited
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 | #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 lasteditedtest"></div>
|
Theme last created
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 | #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 lastcreated"></div>
|
theme sand
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #F9F6EE |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #F9F7F0 |
| Ramme | #504139 |
| Primary button hover | |
| Forgrund | #F9F7F0 |
| Baggrund | #504139 |
| Ramme | #504139 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F9F7F0 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme sand"></div>
|
Light green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #F2F0E9 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F2F0E9 |
| Baggrund | #504139 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F2F0E9 |
| Baggrund | hsl(20,87, 17%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #504139 |
| Baggrund | #F2F0E9 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #504139 |
| Baggrund | hsl(46,67, 26%, 85%) |
| Ramme | transparent |
| Focus outline | #DBDBDB |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #DBDBDB |
| Implementering |
<div class="theme lightgreen"></div>
|