Themes

Take full control of all the colors

Sekundært tema - Green

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#294D3B
Accent	#9EBFA4
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	#FFFFFF
Primary button hover
Foreground	#5D9567
Background	#FFFFFF
Border	#FFFFFF

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

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

Implementation


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

Primært tema

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#292622
Background	#FFFFFF
Accent	#294D3B
Border	#FFFFFF

Primary button
Foreground	#294D3B
Background	#FFFFFF
Border	#294D3B
Primary button hover
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567

Secondary button
Foreground	#292622
Background	#CCCCCC
Border	#292622
Secondary button hover
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567
Focus outline	#CCCCCC

Link button
Link color	#294D3B
Link button hover
Link hover color	#82CF8F
Focus outline	#CCCCCC

Implementation


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

Alternativ - Lys

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#292622
Background	#F7FCFF
Accent	#5D9567
Border	transparent

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

Secondary button
Foreground	#292622
Background	transparent
Border	#292622
Secondary button hover
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567

Link button
Link color	#5D9567
Link button hover
Link hover color	#82CF8F

Implementation


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

Sekundært tema - Brown

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#292622
Accent	currentColor
Border	transparent

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

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

Link button
Link color	#FFFFFF
Link button hover
Link hover color	#FFFFFF

Implementation


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

Alternativ - Mørk

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#655D54
Accent	currentColor
Border	transparent

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

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

Link button
Link color	#FFFFFF
Link button hover
Link hover color	#FFFFFF

Implementation


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

Alternativ - Transparent lys

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	#FFFFFF
Primary button hover
Foreground	#292622
Background	#FFFFFF
Border	#FFFFFF

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	#82CF8F

Implementation


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

Alternativ - Transparent mørk

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#292622
Background	transparent
Accent	currentColor
Border	transparent

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

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

Link button
Link color	#292622
Link button hover
Link hover color	#82CF8F

Implementation


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

Base
Foreground	#292622
Background	#FFFFFF
Accent	#294D3B
Border	#FFFFFF

Primary button
Foreground	#FFFFFF
Background	#294D3B
Border	#294D3B
Primary button hover
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567

Secondary button
Foreground	#294D3B
Background	#CCCCCC
Border	#294D3B
Secondary button hover
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567
Focus outline	#CCCCCC

Link button
Link color	#294D3B
Link button hover
Link hover color	#335238
Focus outline	#CCCCCC

Implementation


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

Podio (KUN til podio integration)

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#292622
Background	#FFFFFF
Accent	#5D9567
Border	#FFFFFF

Primary button
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567
Primary button hover
Foreground	#FFFFFF
Background	#5D9567
Border	#5D9567

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

Link button
Link color	#5D9567
Link button hover
Link hover color	#82CF8F

Implementation


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

Themes

Sekundært tema - Green

Primært tema

Alternativ - Lys

Sekundært tema - Brown

Alternativ - Mørk

Alternativ - Transparent lys

Alternativ - Transparent mørk

White Background (KUN menu eller kontaktknap)

Podio (KUN til podio integration)