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>

Light-3

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#003EFF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#001937
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#003EFF
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#F05F1E
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(18,57, 87%, 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-light-3"></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>

Dark Purple

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#260054
Accent	#B275F8
Ramme	transparent

Primær knap
Forgrund	#001937
Baggrund	#CCDEFF
Ramme	transparent
Primary button hover
Forgrund	#001937
Baggrund	hsl(218,82, 100%, 85%)
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	#FFFFFF
Link button hover
Link hover color	hsl(0, 0%, 85%)
Focus outline	#CCCCCC

Implementering


									<div class="theme dark-purple"></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>

purple-darkblue-background

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#001938
Baggrund	#8E38F8
Accent	#BFA6F8
Ramme	transparent

Primær knap
Forgrund	#8E38F8
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#5F25A6
Baggrund	#F0F0F0
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	#FFFFFF
Secondary button hover
Forgrund	#F0F0F0
Baggrund	transparent
Ramme	#F0F0F0
Focus outline	#CCCCCC

Link button
Link color	#D8BFF8
Link button hover
Link hover color	hsl(266,32, 80%, 85%)
Focus outline	#CCCCCC

Implementering


									<div class="theme purple-darkblue-background"></div>

summit-gradient-background

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#7437BA
Baggrund	#04247E
Accent	#B275F8
Ramme	transparent

Primær knap
Forgrund	#001937
Baggrund	#CCDEFF
Ramme	transparent
Primary button hover
Forgrund	#001937
Baggrund	hsl(218,82, 100%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#CCCCCC
Ramme	#FFFFFF
Secondary button hover
Forgrund	#F0F0F0
Baggrund	hsl(0, 0%, 85%)
Ramme	#F0F0F0
Focus outline	#CCCCCC

Link button
Link color	#CCDEFF
Link button hover
Link hover color	hsl(218,82, 100%, 85%)
Focus outline	#CCCCCC

Implementering


									<div class="theme summit-gradient-background"></div>

dwblue-darkblue-background

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#001938
Baggrund	#0044FF
Accent	#6E90FF
Ramme	transparent

Primær knap
Forgrund	#0044FF
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#0032BA
Baggrund	#F0F0F0
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#CCCCCC
Ramme	#FFFFFF
Secondary button hover
Forgrund	#F0F0F0
Baggrund	hsl(0, 0%, 85%)
Ramme	#F0F0F0
Focus outline	#CCCCCC

Link button
Link color	#6E90FF
Link button hover
Link hover color	hsl(225,93, 100%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme dwblue-darkblue-background"></div>

White dwpurple

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	#B275F8
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#8E38F8
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#B275F8
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	#FFFFFF
Secondary button hover
Forgrund	#F2F2F2
Baggrund	transparent
Ramme	#F2F2F2
Focus outline	#CCCCCC

Link button
Link color	#8E38F8
Link button hover
Link hover color	hsl(266,88, 93%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme white-dwpurple"></div>

TEST_orange-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	transparent
Accent	#0044FF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#F0661A
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#FF6C1C
Ramme	transparent

Sekundær knap
Forgrund	#0044FF
Baggrund	transparent
Ramme	#0044FF
Secondary button hover
Forgrund	#001938
Baggrund	transparent
Ramme	#001938
Focus outline	#CCCCCC

Link button
Link color	#001938
Link button hover
Link hover color	#0044FF
Focus outline	#CCCCCC

Implementering


									<div class="theme orange-blue-trans"></div>

TEST_purple-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	transparent
Accent	#0044FF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#8E38F8
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#826BF8
Ramme	transparent

Sekundær knap
Forgrund	#0044FF
Baggrund	transparent
Ramme	#0044FF
Secondary button hover
Forgrund	#001938
Baggrund	transparent
Ramme	#001938
Focus outline	#CCCCCC

Link button
Link color	#001938
Link button hover
Link hover color	#0044FF
Focus outline	#CCCCCC

Implementering


									<div class="theme purple-blue-transparent"></div>

TEST-teal-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	transparent
Accent	#0044FF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#20C997
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#22D6A1
Ramme	transparent

Sekundær knap
Forgrund	#0044FF
Baggrund	transparent
Ramme	#0044FF
Secondary button hover
Forgrund	#001938
Baggrund	transparent
Ramme	#001938
Focus outline	#CCCCCC

Link button
Link color	#001938
Link button hover
Link hover color	#0044FF
Focus outline	#CCCCCC

Implementering


									<div class="theme teal-blue-transparent"></div>

TEST_Light gray-orange-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#F8F8F8
Accent	#0044FF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#F0661A
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#FF6C1C
Ramme	transparent

Sekundær knap
Forgrund	#0044FF
Baggrund	transparent
Ramme	#0044FF
Secondary button hover
Forgrund	#001938
Baggrund	transparent
Ramme	#001938
Focus outline	#CCCCCC

Link button
Link color	#001938
Link button hover
Link hover color	#0044FF
Focus outline	#CCCCCC

Implementering


									<div class="theme lightgray-orange-blue"></div>