Temaer

Tag fuld kontrol over alle farverne

Light

This is the body text of the theme.

Base
Forgrund	#262626
Baggrund	#FFFFFF
Ramme	transparent

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

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

Implementering


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

Dark

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#262626
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#CCCCCC
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>

Dark transparent

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	transparent

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

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

Implementering


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

Light gray

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#EEEEEE
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	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Implementering


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

Green

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#219E68
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#EC6839
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(15,75, 82%, 40%)
Ramme	transparent
Focus outline	#CCCCCC

Implementering


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

White-orange

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#EC6839
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(15,75, 82%, 40%)
Ramme	transparent
Focus outline	#CCCCCC

Implementering


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

Light-orange

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent

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

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

Implementering


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

Gray-Green

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#EEEEEE
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#219E68
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#219E68
Ramme	transparent

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

Implementering


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

Info box

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#FFF06B
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFF06B
Ramme	transparent
Primary button hover
Forgrund	#333333
Baggrund	hsl(53,92, 100%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#FFF06B
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(53,92, 100%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Implementering


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

Green

This is the body text of the theme.

Base
Forgrund	#219E68
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 theme-new"></div>

Orange

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#EC6839
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#EC6839
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(15,75, 82%, 40%)
Ramme	transparent
Focus outline	#CCCCCC

Implementering


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