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	#333333
Baggrund	#FFFFFF
Accent	currentColor
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

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	#FFFFFF
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	currentColor
Link button hover
Link hover color	currentColor

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>