Temaer

Tag fuld kontrol over alle farverne

New-theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	#FCFCFC
Accent	#333333
Ramme	transparent

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

Sekundær knap
Forgrund	#C1D82F
Baggrund	#CCCCCC
Ramme	#C1D82F
Secondary button hover
Forgrund	#9AAD26
Baggrund	hsl(0, 0%, 85%)
Ramme	#9AAD26
Focus outline	#3A3A3C

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#3A3A3C

Implementering


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

WhiteBG-GreenCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#C1D82F
Ramme	#C1D82F
Primary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18

Sekundær knap
Forgrund	#9AAD26
Baggrund	#FFFFFF
Ramme	#9AAD26
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18
Focus outline	#CCCCCC

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#CCCCCC

Implementering


									<div class="theme whitebg-greencta"></div>

WhiteBG-GreyCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#919195
Ramme	#919195
Primary button hover
Forgrund	#FFFFFF
Baggrund	#49494B
Ramme	#49494B

Sekundær knap
Forgrund	#747477
Baggrund	#FFFFFF
Ramme	#747477
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#49494B
Ramme	#49494B
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 whitebg-greycta"></div>

LightGreenBG-GreenCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	#F9FBEA
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#C1D82F
Ramme	#C1D82F
Primary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18

Sekundær knap
Forgrund	#9AAD26
Baggrund	#FFFFFF
Ramme	#9AAD26
Secondary button hover
Forgrund	#616C18
Baggrund	#FFFFFF
Ramme	#616C18
Focus outline	#CCCCCC

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#CCCCCC

Implementering


									<div class="theme lightgreenbg-greencta"></div>

LightGreyBG-GreenCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	#F7F7F7
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#C1D82F
Ramme	#C1D82F
Primary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18

Sekundær knap
Forgrund	#9AAD26
Baggrund	#FFFFFF
Ramme	#9AAD26
Secondary button hover
Forgrund	#616C18
Baggrund	#FFFFFF
Ramme	#616C18
Focus outline	#CCCCCC

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#CCCCCC

Implementering


									<div class="theme lightgreybg-greencta"></div>

TransparentBG-GreenCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#C1D82F
Ramme	#C1D82F
Primary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18

Sekundær knap
Forgrund	#9AAD26
Baggrund	#FFFFFF
Ramme	#9AAD26
Secondary button hover
Forgrund	#616C18
Baggrund	#FFFFFF
Ramme	#616C18
Focus outline	#FF29F8

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#FF29F8

Implementering


									<div class="theme transparentbg-greencta"></div>

TransparentBG-GreyCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3C
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#919195
Ramme	#919195
Primary button hover
Forgrund	#FFFFFF
Baggrund	#49494B
Ramme	#49494B

Sekundær knap
Forgrund	#747477
Baggrund	#FFFFFF
Ramme	#747477
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#49494B
Ramme	#49494B

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

Implementering


									<div class="theme transparentbg-greycta"></div>

GreenBG-GreenCTA

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#C1D82F
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#C1D82F
Baggrund	#FFFFFF
Ramme	#FFFFFF
Primary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#C1D82F
Ramme	#C1D82F
Focus outline	#CCCCCC

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#CCCCCC

Implementering


									<div class="theme greenbg-greencta"></div>

TransparentBG-GreenCTA-2

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	#FFFFFF
Baggrund	#C1D82F
Ramme	#C1D82F
Primary button hover
Forgrund	#FFFFFF
Baggrund	#616C18
Ramme	#616C18

Sekundær knap
Forgrund	#9AAD26
Baggrund	#FFFFFF
Ramme	#9AAD26
Secondary button hover
Forgrund	#616C18
Baggrund	#FFFFFF
Ramme	#616C18
Focus outline	#00FFFF

Link button
Link color	#9AAD26
Link button hover
Link hover color	#C1D82F
Focus outline	#00FFFF

Implementering


									<div class="theme transparentbg-greencta-2"></div>