Temaer

Tag fuld kontrol over alle farverne

Light

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	#333333
Primary button hover
Forgrund	#FFFFFF
Baggrund	#545454
Ramme	#545454

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#333333

Implementering


									<div class="theme light"></div>

Dark

This is the body text of the theme.

Base
Forgrund	#FFF9F2
Baggrund	#262626
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFF9F2
Ramme	#FFF9F2
Primary button hover
Forgrund	#FFFFFF
Baggrund	#262626
Ramme	#262626

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#262626
Ramme	#FFFFFF
Secondary button hover
Forgrund	#262626
Baggrund	#FFFFFF
Ramme	#FFFFFF

Implementering


									<div class="theme dark"></div>

Light transparent

This is the body text of the theme.

Base
Forgrund	#262626
Baggrund	transparent
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

Implementering


									<div class="theme light-transparent"></div>

Light gray

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#F7F7F7
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

Implementering


									<div class="theme theme-gray"></div>

Gray border

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
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

Implementering


									<div class="theme theme-gray-border"></div>

Esprit light background

This is the body text of the theme.

Base
Forgrund	#4B4A4A
Baggrund	#FFF9F2
Ramme	transparent

Primær knap
Forgrund	#FFF9F2
Baggrund	#4B4A4A
Ramme	transparent
Primary button hover
Forgrund	#FFF9F2
Baggrund	#666666
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#FFF9F2
Baggrund	#666666
Ramme	#666666
Focus outline	#CCCCCC

Implementering


									<div class="theme esprit-light-background"></div>

Esprit gold

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#856850
Ramme	transparent

Primær knap
Forgrund	#4A4A4A
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#4A4A4A
Baggrund	hsl(0, 0%, 85%)
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

Implementering


									<div class="theme esprit-gold"></div>

Esprit Dark

This is the body text of the theme.

Base
Forgrund	#FFF9F2
Baggrund	#333333
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFF9F2
Ramme	transparent
Primary button hover
Forgrund	#FFF9F2
Baggrund	#666666
Ramme	transparent

Sekundær knap
Forgrund	#FFF9F2
Baggrund	#333333
Ramme	transparent
Secondary button hover
Forgrund	#FFF9F2
Baggrund	#666666
Ramme	transparent
Focus outline	#CCCCCC

Implementering


									<div class="theme esprit-dark"></div>

Esprit light transparent

This is the body text of the theme.

Base
Forgrund	#FFF9F2
Baggrund	transparent
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

Implementering


									<div class="theme esprit-light-transparent"></div>

Esprit header background

This is the body text of the theme.

Base
Forgrund	#4B4A4A
Baggrund	#FFF9F2
Ramme	#F2ECE6

Primær knap
Forgrund	#FFFFFF
Baggrund	#4B4A4A
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 1%, 40%)
Ramme	transparent

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

Implementering


									<div class="theme esprit-header-background"></div>

Esprit grey

This is the body text of the theme.

Base
Forgrund	#4B4A4A
Baggrund	#DEE0E4
Ramme	transparent

Primær knap
Forgrund	#FFF9F2
Baggrund	#4B4A4A
Ramme	transparent
Primary button hover
Forgrund	#FFF9F2
Baggrund	hsl(0, 1%, 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

Implementering


									<div class="theme esprit-grey"></div>

Esprit gold-logo

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#C09D71
Ramme	transparent

Primær knap
Forgrund	#4A4A4A
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#4A4A4A
Baggrund	hsl(0, 0%, 85%)
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

Implementering


									<div class="theme esprit-gold-logo"></div>