Temaer

Tag fuld kontrol over alle farverne

Default

Base
Forgrund	#424548
Baggrund	#FFFFFF
Ramme	none

Primær knap
Forgrund	#424548
Baggrund
Hover foreg.	#424548
Hover backg.	hsl(0, 0%, 40%)

Sekundær knap
Forgrund	#424548
Baggrund
Hover foreg.	#424548
Hover backg.	hsl(0, 0%, 40%)
Focus outline	#1473E6

Implementering

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

Grey

Base
Forgrund	#424548
Baggrund	#F2F2F2
Ramme	none

Primær knap
Forgrund	#424548
Baggrund
Hover foreg.	#424548
Hover backg.	hsl(0, 0%, 40%)

Sekundær knap
Forgrund	#424548
Baggrund
Hover foreg.	#424548
Hover backg.	hsl(0, 0%, 40%)
Focus outline	#1473E6

Implementering

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

Light transparent

Base
Forgrund	#FFFFFF
Baggrund	none
Ramme	none

Primær knap
Forgrund	#FFFFFF
Baggrund
Hover foreg.	#FFFFFF
Hover backg.	hsl(0, 0%, 40%)

Sekundær knap
Forgrund	#FFFFFF
Baggrund
Hover foreg.	#FFFFFF
Hover backg.	hsl(0, 0%, 40%)
Focus outline	#1473E6

Implementering

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

Dark transparent

Base
Forgrund	#424548
Baggrund	none
Ramme	none

Primær knap
Forgrund	#424548
Baggrund
Hover foreg.	#424548
Hover backg.	hsl(0, 0%, 40%)

Sekundær knap
Forgrund	#424548
Baggrund
Hover foreg.	#424548
Hover backg.	hsl(0, 0%, 40%)
Focus outline	#1473E6

Implementering

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

Dark grey

Base
Forgrund	#FFFFFF
Baggrund	#424548
Ramme	none

Primær knap
Forgrund	#FFFFFF
Baggrund
Hover foreg.	#FFFFFF
Hover backg.	hsl(0, 0%, 40%)

Sekundær knap
Forgrund	#FFFFFF
Baggrund
Hover foreg.	#FFFFFF
Hover backg.	hsl(0, 0%, 40%)
Focus outline	#1473E6

Implementering

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