Temaer

Tag fuld kontrol over alle farverne

Light

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#262626
Baggrund	#FFFFFF
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Dark-red

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#AD0000
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Yellow-orange

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#262626
Baggrund	#FFCB1F
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Dark

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#262626
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Light transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#262626
Baggrund	transparent
Accent	currentColor
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

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

Implementering


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

Dark transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	currentColor
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

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

Implementering


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

Light gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#F7F7F7
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 theme-gray"></div>

Gray border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Accent	currentColor
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	#FFFFFF
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 theme-gray-border"></div>

Theme paletaupe

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#C79F81
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


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

Theme khaki

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#BEBF9F
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


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

Theme palegold

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#DEC492
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


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

Transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFF70
Accent	currentColor
Ramme	#991814

Primær knap
Forgrund	#333333
Baggrund	transparent
Ramme	#70120F
Primary button hover
Forgrund	#333333
Baggrund	transparent
Ramme	#B81E19

Sekundær knap
Forgrund	#333333
Baggrund	transparent
Ramme	#365EFF
Secondary button hover
Forgrund	#333333
Baggrund	transparent
Ramme	#365EFF
Focus outline	#CCCCCC

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


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

Black-on-white-orange-buttons

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	#F37033
Ramme	#F37033
Primary button hover
Forgrund	#FFFFFF
Baggrund	#E6520E
Ramme	#E6520E

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#F37033

Implementering


									<div class="theme theme-black-on-white-orange-buttons"></div>

Orange-on-white

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#F37033
Baggrund	#FFFFFF
Accent	currentColor
Ramme	transparent

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

Sekundær knap
Forgrund	#F37033
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#F37033
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF
Focus outline	#F37033

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#F37033

Implementering


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

white-on-orange

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#F37033
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#F37033
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#E6520E
Baggrund	#FFFFFF
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	#F37033

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#F37033

Implementering


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

Orange-Black

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


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

White-on-black

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme theme-white-on-black"></div>

Orange-on-transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme orange-on-transparent"></div>

Black-White-OrangeBorder

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	currentColor
Ramme	#F37033

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme theme-black-white-orangeborder"></div>

orange-on-transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#F37033
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#F37033
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(19,06, 89%, 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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme theme-orange-on-transparent"></div>

dark-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#252E3E
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#012622
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#012622
Baggrund	hsl(0, 0%, 85%)
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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme dark-green-color"></div>

dusty-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#2D3546
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#8FBFE0
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#8FBFE0
Baggrund	hsl(0, 0%, 85%)
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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme dusty-blue"></div>

deep-dark-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#A7B0BF
Baggrund	#1F2634
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#252E3E
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#252E3E
Baggrund	hsl(0, 0%, 85%)
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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme deep-dark-blue"></div>

Black-on-white-green-buttons

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	#7A9694
Ramme	#7A9694
Primary button hover
Forgrund	#FFFFFF
Baggrund	#6C8583
Ramme	#6C8583

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#7A9694
Secondary button hover
Forgrund	#333333
Baggrund	#F5F5F5
Ramme	#7A9694

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

Implementering


									<div class="theme theme-black-on-white-green-buttons"></div>

Theme green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#7A9694
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Light gray - Green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#F7F7F7
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#7A9694
Ramme	#7A9694
Primary button hover
Forgrund	#FFFFFF
Baggrund	#6C8583
Ramme	#6C8583

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#7A9694
Secondary button hover
Forgrund	#333333
Baggrund	#F5F5F5
Ramme	#7A9694

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

Implementering


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

Green-Black

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#7A9694
Ramme	#7A9694
Primary button hover
Forgrund	#FFFFFF
Baggrund	#6C8583
Ramme	#6C8583

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#7A9694
Secondary button hover
Forgrund	#333333
Baggrund	#F5F5F5
Ramme	#7A9694

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

Implementering


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