Temaer

Tag fuld kontrol over alle farverne

Analyze usage of all themes

Theme light

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#483D5D
Baggrund	#FFFFFF
Accent	#483D5D
Ramme	transparent

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

Sekundær knap
Forgrund	#483D5D
Baggrund	#ECECEF
Ramme	#ECECEF
Secondary button hover
Forgrund	#ECECEF
Baggrund	#483D5D
Ramme	#483D5D

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


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

Theme dark

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#e61919
Baggrund	#343A40
Accent	currentColor
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	#333333
Baggrund	#F7F7F7
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Link button
Link color	#983434
Link button hover
Link hover color	hsl(0, 49%, 40%)

Implementering


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

Theme transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	#333333
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	#333333
Baggrund	#F7F7F7
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
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 transparent"></div>

Sand

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#483D5D
Baggrund	#EFE5DD
Accent	#483D5D
Ramme	transparent

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

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

Link button
Link color	#483D5D
Link button hover
Link hover color	hsl(260,62, 21%, 40%)
Focus outline	#CCCCCC

Implementering


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