Temaer

Tag fuld kontrol over alle farverne

White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FEFEFE
Accent
#003EFF
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#0035DB
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme light"></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
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 dark-transparent"></div>

Light blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#CCDEFF
Accent
#003EFF
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#001937
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#001937
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-blue"></div>

Nordic Blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#003EFF
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#CF521A
Ramme
transparent
Sekundær knap
Forgrund
#333333
Baggrund
#CCCCCC
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#CCCCCC
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-nordic-blue"></div>

Dark Nordic Blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#001937
Accent
#CCDEFF
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#DB571B
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(225,41, 100%, 40%)
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-dark-nordic-blue"></div>

Light gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#F8F8F8
Accent
#003EFF
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#001937
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-gray"></div>

Light gray-2

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#F8F8F8
Accent
#003EFF
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-gray-2"></div>

White and blue border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FEFEFE
Accent
#003EFF
Ramme
#003EFF
Primær knap
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#F05F1E
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#003EFF
Ramme
transparent
Focus outline
#CCCCCC
Link button
Link color
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme light-blue"></div>

Ved at klikke 'Acceptér Alle' så giver til tiladelse til at vi må indsamle information om dig til forskellige formål, hvilket inkluderer: Funktionalitet, Statestik og Marketing