Themes

Take full control of all the colors

Light

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#262626
Background	#FFFFFF
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#262626
Border	#262626
Primary button hover
Foreground	#FFFFFF
Background	#545454
Border	#545454

Secondary button
Foreground	#1E1A33
Background	#FFFFFF
Border	#262626
Secondary button hover
Foreground	#1E1A33
Background	hsl(0, 0%, 85%)
Border	#262626

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

Implementation


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

Dark

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#262626
Accent	currentColor
Border	transparent

Primary button
Foreground	#262626
Background	#FFFFFF
Border	#FFFFFF
Primary button hover
Foreground	#FFFFFF
Background	#262626
Border	#262626

Secondary button
Foreground	#FFFFFF
Background	#262626
Border	#FFFFFF
Secondary button hover
Foreground	#262626
Background	#FFFFFF
Border	#FFFFFF

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

Implementation


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

Light transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#262626
Background	transparent
Accent	currentColor
Border	transparent

Primary button
Foreground	currentColor
Background	transparent
Border	transparent
Primary button hover
Foreground	currentColor
Background	transparent
Border	transparent

Secondary button
Foreground	currentColor
Background	transparent
Border	transparent
Secondary button hover
Foreground	currentColor
Background	transparent
Border	transparent

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

Implementation


									<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
Foreground	#FFFFFF
Background	transparent
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	transparent
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	transparent
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	transparent
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	transparent
Border	transparent

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

Implementation


									<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
Foreground	#333333
Background	#F7F7F7
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent

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

Implementation


									<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
Foreground	#333333
Background	#FFFFFF
Accent	currentColor
Border	#EBEBEB

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent

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

Implementation


									<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
Foreground	#333333
Background	#BEBF9F
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	#333333
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	#333333

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

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

Implementation


									<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
Foreground	#333333
Background	#DEC492
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	#333333
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	#333333

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

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

Implementation


									<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
Foreground	#333333
Background	#C79F81
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	#333333
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	#333333

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

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

Implementation


									<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
Foreground	#262626
Background	#FFCB1F
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#262626
Border	#262626
Primary button hover
Foreground	#FFFFFF
Background	#262626
Border	#262626

Secondary button
Foreground	#262626
Background	#FFFFFF
Border	#FFFFFF
Secondary button hover
Foreground	#FFFFFF
Background	#262626
Border	#262626

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

Implementation


									<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
Foreground	#FFFFFF
Background	#AD0000
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#262626
Border	#262626
Primary button hover
Foreground	#FFFFFF
Background	#262626
Border	#262626

Secondary button
Foreground	#262626
Background	#FFFFFF
Border	#FFFFFF
Secondary button hover
Foreground	#FFFFFF
Background	#262626
Border	#262626

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

Implementation


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

Transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#FFFF70
Accent	currentColor
Border	#991814

Primary button
Foreground	#333333
Background	transparent
Border	#70120F
Primary button hover
Foreground	#333333
Background	transparent
Border	#B81E19

Secondary button
Foreground	#333333
Background	transparent
Border	#365EFF
Secondary button hover
Foreground	#333333
Background	transparent
Border	#365EFF
Focus outline	#CCCCCC

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

Implementation


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

Tokvam mørk blå

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#002F43
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#A40E2D
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(347,6, 84%, 40%)
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	#000000
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent
Focus outline	#CCCCCC

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

Implementation


									<div class="theme theme-tokvam-moerk-blaa"></div>

Tokvam red

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#A40E2D
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	#870C25
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	#000000
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	#2E2E2E
Border	transparent
Focus outline	#CCCCCC

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

Implementation


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

Base
Foreground	#000000
Background	#EBEBEB
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#A40E2D
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	#870C25
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	#000000
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	#2E2E2E
Border	transparent
Focus outline	#CCCCCC

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

Implementation


									<div class="theme theme-tokvam-footer"></div>

Tokvam red transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	transparent
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#A40E2D
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	#870C25
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	#000000
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent
Focus outline	#CCCCCC

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

Implementation


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

Tokvam navigation

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#FFFFFF
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#A40E2D
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	#870C25
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	#000000
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent
Focus outline	#A40E2D

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

Implementation


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

PDF Tabs

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	transparent
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#A40E2D
Border	#A40E2D
Primary button hover
Foreground	#FFFFFF
Background	#8F0C27
Border	#8F0C27

Secondary button
Foreground	#333333
Background	#F5F5F5
Border	#A40E2D
Secondary button hover
Foreground	#333333
Background	#D6D6D6
Border	#A40E2D
Focus outline	#CCCCCC

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

Implementation


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

Themes

Light

Dark

Light transparent

Dark transparent

Light gray

Gray border

Theme khaki

Theme palegold

Theme paletaupe

Yellow-orange

Dark-red

Transparent

Tokvam mørk blå

Tokvam red

Tokvam footer

Tokvam red transparent

Tokvam navigation

PDF Tabs