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

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	#262626
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	#0F1D2C
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#0F1D2C
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 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>

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>

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-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>

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>

Haucon blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#233442
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Haucon light blue #B2BED1

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#0F1D2C
Baggrund	#B2BED1
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FAFAFA
Baggrund	#0F1D2C
Ramme	#FFFFFF
Primary button hover
Forgrund	#FFFFFF
Baggrund	#0F1D2C
Ramme	#233442

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

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

Implementering


									<div class="theme haucon-lightblue"></div>

Haucon light blue test

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#D1AA8C
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


									<div class="theme haucon-lightblue-test"></div>

Haucon light grey background

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#EDEDED
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#F5F5F5
Baggrund	#233442
Ramme	transparent
Primary button hover
Forgrund	#F5F5F5
Baggrund	#324A5E
Ramme	#233442

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

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

Implementering


									<div class="theme haucon-lightgrey-background"></div>

Haucon - Dark border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#233442
Baggrund	#FFFFFF
Accent	currentColor
Ramme	#EDEDED

Primær knap
Forgrund	#FFFFFF
Baggrund	#233442
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(207,1, 31%, 40%)
Ramme	transparent

Sekundær knap
Forgrund	#233442
Baggrund	#FFFFFF
Ramme	transparent
Secondary button hover
Forgrund	#233442
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

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

Implementering


									<div class="theme haucon-dark-border"></div>

Haucon Green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#5A9149
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Haucon Light Green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#82D169
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Tabs style

This is the body text of the theme.

This is the accent color of the theme.

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

Link button
Link color	#B2BED1
Link button hover
Link hover color	#333333

Implementering


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

Haucon - Light Grey Dark border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#233442
Baggrund	#EDEDED
Accent	currentColor
Ramme	#233442

Primær knap
Forgrund	#FFFFFF
Baggrund	#233442
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(207,1, 31%, 40%)
Ramme	transparent

Sekundær knap
Forgrund	#233442
Baggrund	#FFFFFF
Ramme	transparent
Secondary button hover
Forgrund	#233442
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

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

Implementering


									<div class="theme haucon-light-grey-dark-border"></div>

Haucon Blue White Border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#233442
Accent	currentColor
Ramme	#FFFFFF

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

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

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

Implementering


									<div class="theme haucon-blue-white-border"></div>

White transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	transparent
Accent	currentColor
Ramme	transparent

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

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

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

Implementering


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

Light transparent white

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	currentColor
Baggrund	transparent
Ramme	transparent
Secondary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

Link button
Link color	#FFFFFF
Link button hover
Link hover color	hsl(0, 0%, 85%)

Implementering


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

Light transparent Black Font

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#262626
Baggrund	#FCFCFC
Accent	currentColor
Ramme	#FFFFFF

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-black-font"></div>

Theme nude

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFCF9D
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-nude"></div>

Theme hot sand

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFB26F
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-hot-sand"></div>

Theme dark pale blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#394C5A
Accent	currentColor
Ramme	transparent

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

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

Link button
Link color	#F2B335
Link button hover
Link hover color	hsl(40, 88%, 85%)
Focus outline	#CCCCCC

Implementering


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