Temaer

Tag fuld kontrol over alle farverne

White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#10BF95
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Primary button hover
Forgrund
#FFFFFF
Baggrund
#24686C
Ramme
#24686C
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#262626
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#10BF95
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme light"></div>

White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#00567E
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Primary button hover
Forgrund
#FFFFFF
Baggrund
#009FE9
Ramme
#009FE9
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#262626
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#00567E
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme light-02"></div>

transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
transparent
Accent
#00567E
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Primary button hover
Forgrund
#FFFFFF
Baggrund
#009FE9
Ramme
#009FE9
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#262626
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#00567E
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme transparent-02"></div>

Cerulean transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
transparent
Accent
#00567E
Ramme
transparent
Primær knap
Forgrund
#00567E
Baggrund
transparent
Ramme
#00567E
Primary button hover
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Sekundær knap
Forgrund
#333333
Baggrund
transparent
Ramme
#333333
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#00567E
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme cerulean-transparent"></div>

Light transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
transparent
Accent
#24686C
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Primary button hover
Forgrund
#FFFFFF
Baggrund
#24686C
Ramme
#24686C
Sekundær knap
Forgrund
#333333
Baggrund
transparent
Ramme
#333333
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#24686C
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
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
#10BF95
Ramme
transparent
Primær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#FFFFFF
Primary button hover
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
#FFFFFF
Secondary button hover
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#FFFFFF
Focus outline
#CCCCCC
Link button
Link color
#10BF95
Link button hover
Link hover color
hsl(165,6, 85%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme dark-transparent"></div>

Dark cerulean 100

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#00567E
Accent
#009FE9
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#009FE9
Ramme
#009FE9
Primary button hover
Forgrund
#00567E
Baggrund
#FFFFFF
Ramme
#FFFFFF
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
#FFFFFF
Secondary button hover
Forgrund
#00567E
Baggrund
#FFFFFF
Ramme
#FFFFFF
Focus outline
#CCCCCC
Link button
Link color
#009FE9
Link button hover
Link hover color
hsl(199,06, 100%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-dark-cerulean-100"></div>

Dark cerulean 40

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#99BBCB
Accent
#009FE9
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#009FE9
Ramme
#009FE9
Primary button hover
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
#FFFFFF
Secondary button hover
Forgrund
#00567E
Baggrund
#FFFFFF
Ramme
#FFFFFF
Focus outline
#CCCCCC
Link button
Link color
#009FE9
Link button hover
Link hover color
hsl(199,06, 100%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-dark-cerulean-40"></div>

Dark cerulean 10

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#E5EEF2
Accent
#00567E
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#009FE9
Ramme
#009FE9
Primary button hover
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Sekundær knap
Forgrund
#009FE9
Baggrund
#E5EEF2
Ramme
#009FE9
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#009FE9
Ramme
#009FE9
Focus outline
#CCCCCC
Link button
Link color
#009FE9
Link button hover
Link hover color
hsl(199,06, 100%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-dark-cerulean-10"></div>

White with cerulean accent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#00567E
Ramme
transparent
Primær knap
Forgrund
#00567E
Baggrund
#FFFFFF
Ramme
#00567E
Primary button hover
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#00567E
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme light-cerulean-accent"></div>

Myrtle green 100

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#24686C
Accent
#10BF95
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Primary button hover
Forgrund
#24686C
Baggrund
#FFFFFF
Ramme
#FFFFFF
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
#FFFFFF
Secondary button hover
Forgrund
#24686C
Baggrund
#FFFFFF
Ramme
#FFFFFF
Focus outline
#CCCCCC
Link button
Link color
#10BF95
Link button hover
Link hover color
hsl(165,6, 85%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-myrtle-green-100"></div>

Myrtle green 40

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#A7C3C4
Accent
#10BF95
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Primary button hover
Forgrund
#FFFFFF
Baggrund
#24686C
Ramme
#24686C
Sekundær knap
Forgrund
#10BF95
Baggrund
transparent
Ramme
#10BF95
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Focus outline
#CCCCCC
Link button
Link color
#10BF95
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme theme-myrtle-green-40"></div>

Myrtle green 10

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#E9F0F0
Accent
#10BF95
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Primary button hover
Forgrund
#FFFFFF
Baggrund
#24686C
Ramme
#24686C
Sekundær knap
Forgrund
#10BF95
Baggrund
transparent
Ramme
#10BF95
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#10BF95
Ramme
#10BF95
Focus outline
#CCCCCC
Link button
Link color
#10BF95
Link button hover
Link hover color
hsl(165,6, 85%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-myrtle-green-10"></div>

Metallic bronze 100

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#A66446
Accent
#FFCB7D
Ramme
transparent
Primær knap
Forgrund
#333333
Baggrund
#FFCB7D
Ramme
#FFCB7D
Primary button hover
Forgrund
#A66446
Baggrund
#FFFFFF
Ramme
#FFFFFF
Sekundær knap
Forgrund
#FFCB7D
Baggrund
transparent
Ramme
#FFCB7D
Secondary button hover
Forgrund
#333333
Baggrund
#FFCB7D
Ramme
#FFCB7D
Focus outline
#CCCCCC
Link button
Link color
#FFCB7D
Link button hover
Link hover color
hsl(36, 100%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-metallic-bronze-100"></div>

Metallic bronze 40

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#DBC1B5
Accent
#A66446
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#A66446
Ramme
#A66446
Primary button hover
Forgrund
#A66446
Baggrund
#DBC1B5
Ramme
#A66446
Sekundær knap
Forgrund
#A66446
Baggrund
#DBC1B5
Ramme
#A66446
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#A66446
Ramme
#A66446
Focus outline
#CCCCCC
Link button
Link color
#A66446
Link button hover
Link hover color
hsl(18,75, 41%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-metallic-bronze-40"></div>

Metallic bronze 10

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#F6EFEC
Accent
#A66446
Ramme
transparent
Primær knap
Forgrund
#333333
Baggrund
#FFCB7D
Ramme
#FFCB7D
Primary button hover
Forgrund
#FFFFFF
Baggrund
#A66446
Ramme
#A66446
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#A66446
Ramme
#A66446
Secondary button hover
Forgrund
#A66446
Baggrund
hsl(18,75, 41%, 40%)
Ramme
#A66446
Focus outline
#CCCCCC
Link button
Link color
#A66446
Link button hover
Link hover color
hsl(18,75, 41%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-metallic-bronze-10"></div>

White with bronze accent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#A66446
Ramme
transparent
Primær knap
Forgrund
#333333
Baggrund
#FFCB7D
Ramme
#FFCB7D
Primary button hover
Forgrund
#FFFFFF
Baggrund
#A66446
Ramme
#A66446
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#A66446
Ramme
#A66446
Secondary button hover
Forgrund
#A66446
Baggrund
hsl(18,75, 41%, 40%)
Ramme
#A66446
Focus outline
#CCCCCC
Link button
Link color
#A66446
Link button hover
Link hover color
hsl(18,75, 41%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme light-bronze-accent"></div>

Wild blue yonder 100

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#96B0CB
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#57A6F9
Ramme
#57A6F9
Primary button hover
Forgrund
#57A6F9
Baggrund
#FFFFFF
Ramme
#FFFFFF
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
#FFFFFF
Secondary button hover
Forgrund
#96B0CB
Baggrund
#FFFFFF
Ramme
#FFFFFF
Focus outline
#CCCCCC
Link button
Link color
#FFFFFF
Link button hover
Link hover color
hsl(0, 0%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-wildblueyonder-100"></div>

Wild blue yonder 40

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#D5DFEA
Accent
#57A6F9
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#57A6F9
Ramme
#57A6F9
Primary button hover
Forgrund
#FFFFFF
Baggrund
#96B0CB
Ramme
#96B0CB
Sekundær knap
Forgrund
#57A6F9
Baggrund
transparent
Ramme
#57A6F9
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#57A6F9
Ramme
#57A6F9
Focus outline
#CCCCCC
Link button
Link color
#57A6F9
Link button hover
Link hover color
hsl(210,74, 93%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-wildblueyonder-40"></div>

Wild blue yonder 10

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#F4F7FA
Accent
#57A6F9
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#57A6F9
Ramme
#57A6F9
Primary button hover
Forgrund
#FFFFFF
Baggrund
#96B0CB
Ramme
#96B0CB
Sekundær knap
Forgrund
#57A6F9
Baggrund
transparent
Ramme
#57A6F9
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#57A6F9
Ramme
#57A6F9
Link button
Link color
#57A6F9
Link button hover
Link hover color
hsl(210,74, 93%, 85%)
Implementering
<div class="theme theme-wildblueyonder-10"></div>

White with blue accent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#57A6F9
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#57A6F9
Ramme
#57A6F9
Primary button hover
Forgrund
#FFFFFF
Baggrund
#00567E
Ramme
#00567E
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#262626
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
#57A6F9
Link button hover
Link hover color
#24686C
Focus outline
#CCCCCC
Implementering
<div class="theme light-blue-accent"></div>

Mountbatten pink 100

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#8C7486
Accent
#FFC49B
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#8C7486
Ramme
#FFFFFF
Primary button hover
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
#FFFFFF
Sekundær knap
Forgrund
#333333
Baggrund
#FFC49B
Ramme
#FFC49B
Secondary button hover
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#FFFFFF
Focus outline
#CCCCCC
Link button
Link color
#E4DFE4
Link button hover
Link hover color
hsl(300, 8%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-mountbatten-pink-100"></div>

Mountbatten pink 10

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#E8E4E7
Accent
#8C7486
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#8C7486
Ramme
#8C7486
Primary button hover
Forgrund
#FFFFFF
Baggrund
#A08D9C
Ramme
#A08D9C
Sekundær knap
Forgrund
#8C7486
Baggrund
#E8E4E7
Ramme
#8C7486
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#A08D9C
Ramme
#A08D9C
Focus outline
#CCCCCC
Link button
Link color
#E4DFE4
Link button hover
Link hover color
hsl(300, 8%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme theme-mountbatten-pink-10"></div>

White with pink accent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#8C7486
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#8C7486
Ramme
#8C7486
Primary button hover
Forgrund
#FFFFFF
Baggrund
#A08D9C
Ramme
#A08D9C
Sekundær knap
Forgrund
#8C7486
Baggrund
#FFFFFF
Ramme
#8C7486
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#A08D9C
Ramme
#A08D9C
Focus outline
#CCCCCC
Link button
Link color
#E4DFE4
Link button hover
Link hover color
hsl(300, 8%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme light-pink-accent"></div>

History

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#8C7486
Ramme
#8C7486
Primær knap
Forgrund
#FFFFFF
Baggrund
#8C7486
Ramme
#8C7486
Primary button hover
Forgrund
#FFFFFF
Baggrund
#A08D9C
Ramme
#A08D9C
Sekundær knap
Forgrund
#8C7486
Baggrund
#FFFFFF
Ramme
#8C7486
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#A08D9C
Ramme
#A08D9C
Focus outline
#CCCCCC
Link button
Link color
#E4DFE4
Link button hover
Link hover color
hsl(300, 8%, 85%)
Focus outline
#CCCCCC
Implementering
<div class="theme history"></div>