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 | #353E47 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #E79A36 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #FFAA3C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #E79A36 |
| Baggrund | transparent |
| Ramme | #E79A36 |
| Secondary button hover | |
| Forgrund | #FFAA3C |
| Baggrund | transparent |
| Ramme | #FFAA3C |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme light"></div>
|
NOIR
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 | transparent |
| Primary button hover | |
| Forgrund | #262626 |
| Baggrund | #E0E0E0 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #262626 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #5E5E5E |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme noir"></div>
|
Light gray
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #353E47 |
| Baggrund | #F8F8F8 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #E79A36 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #FAA73A |
| 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 | #E8E8E8 |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #E79A36 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #FFAA3C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #E79A36 |
| Baggrund | transparent |
| Ramme | #E79A36 |
| Secondary button hover | |
| Forgrund | #FCA83B |
| Baggrund | transparent |
| Ramme | #FAA73A |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-gray-border"></div>
|
JASA Orange
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #E79A36 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #353E47 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #353E47 |
| Baggrund | #EDEDED |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme jasa-orange"></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 | #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 |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme light-transparent"></div>
|
JASA dark grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #5D5D5D |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #E79A36 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #FFAA3C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme jasa-dark-grey"></div>
|
316 blå
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #0790B3 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | #D6D6D6 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #05718C |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme blue"></div>
|
Sort og orange
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #E79A36 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #FFAA3C |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme sort-og-orange"></div>
|
316 - blå ramme
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 | #0790B3 |
| Baggrund | transparent |
| Ramme | #0790B3 |
| Primary button hover | |
| Forgrund | #0790B3 |
| Baggrund | transparent |
| Ramme | #0790B3 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme blueframe"></div>
|
NOIR - sort ramme
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 | #333333 |
| Baggrund | transparent |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | transparent |
| Ramme | #333333 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme blackframe"></div>
|
Light-transparent-green
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 | #00493F |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #007867 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #007867 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(171,5, 100%, 40%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme light-transparent-green"></div>
|