Temaer
Tag fuld kontrol over alle farverne
Light
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #262626 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #545454 |
| Ramme | #545454 |
| Sekundær knap | |
|---|---|
| Forgrund | #1E1A33 |
| Baggrund | #FFFFFF |
| Ramme | #262626 |
| Secondary button hover | |
| Forgrund | #1E1A33 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #262626 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme light"></div>
|
Dark
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #262626 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Secondary button hover | |
| Forgrund | #262626 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme dark"></div>
|
Light transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #262626 |
| 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 |
| 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 | #FFFFFF |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0F1D2C |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #0F1D2C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme dark-transparent"></div>
|
Light gray
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 | #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 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-gray"></div>
|
Gray 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 | #EBEBEB |
| 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 | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-gray-border"></div>
|
Theme khaki
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #BEBF9F |
| 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 | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #333333 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-khaki"></div>
|
Theme palegold
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #DEC492 |
| 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 | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #333333 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-palegold"></div>
|
Theme paletaupe
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #C79F81 |
| 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 | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #333333 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-paletaupe"></div>
|
Yellow-orange
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #262626 |
| Baggrund | #FFCB1F |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Sekundær knap | |
|---|---|
| Forgrund | #262626 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme yellow-orange"></div>
|
Dark-red
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #AD0000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Sekundær knap | |
|---|---|
| Forgrund | #262626 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #262626 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme dark-red"></div>
|
Transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFF70 |
| Accent | currentColor |
| Ramme | #991814 |
| Primær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | transparent |
| Ramme | #70120F |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | transparent |
| Ramme | #B81E19 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | transparent |
| Ramme | #365EFF |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | transparent |
| Ramme | #365EFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-transparent"></div>
|
Haucon blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #233442 |
| Baggrund | #D6D6D6 |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #233442 |
| Baggrund | #F5F5F5 |
| Ramme | #233442 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-blue"></div>
|
Haucon light blue #B2BED1
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #0F1D2C |
| Baggrund | #B2BED1 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FAFAFA |
| Baggrund | #0F1D2C |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #0F1D2C |
| Ramme | #233442 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #B2BED1 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #B2BED1 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-lightblue"></div>
|
Haucon light blue test
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #D1AA8C |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #B2BED1 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | #233442 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #B2BED1 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #B2BED1 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-lightblue-test"></div>
|
Haucon light grey background
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #EDEDED |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F5F5F5 |
| Baggrund | #233442 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F5F5F5 |
| Baggrund | #324A5E |
| Ramme | #233442 |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #B2BED1 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #B2BED1 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-lightgrey-background"></div>
|
Haucon - Dark border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | #EDEDED |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(207,1, 31%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #233442 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-dark-border"></div>
|
Haucon Green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #5A9149 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #233442 |
| Baggrund | #D6D6D6 |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #233442 |
| Baggrund | #F5F5F5 |
| Ramme | #233442 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-green"></div>
|
Haucon Light Green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #82D169 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #233442 |
| Baggrund | #D6D6D6 |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #233442 |
| Baggrund | #F5F5F5 |
| Ramme | #233442 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-light-green"></div>
|
Tabs style
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 | #B2BED1 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #B2BED1 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Implementering |
<div class="theme theme-tabs"></div>
|
Haucon - Light Grey Dark border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #EDEDED |
| Accent | currentColor |
| Ramme | #233442 |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(207,1, 31%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #233442 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-light-grey-dark-border"></div>
|
Haucon Blue White Border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Accent | currentColor |
| Ramme | #FFFFFF |
| Primær knap | |
|---|---|
| Forgrund | #233442 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #233442 |
| Baggrund | #D6D6D6 |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #233442 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #233442 |
| Baggrund | #F5F5F5 |
| Ramme | #233442 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme haucon-blue-white-border"></div>
|
White transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme white-transparent"></div>
|
Light transparent white
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 | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| 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 | #FFFFFF |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Implementering |
<div class="theme light-transparent-white"></div>
|
Light transparent Black Font
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #262626 |
| Baggrund | #FCFCFC |
| Accent | currentColor |
| Ramme | #FFFFFF |
| 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 light-transparent-black-font"></div>
|
Theme nude
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFCF9D |
| 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 | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #333333 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-nude"></div>
|
Theme hot sand
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFB26F |
| 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 | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #333333 |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #333333 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-hot-sand"></div>
|
Theme dark pale blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #394C5A |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #0F0F0F |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0F0F0F |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #F2B335 |
| Link button hover | |
| Link hover color | hsl(40, 88%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-dark-pale-blue"></div>
|