Temaer

Tag fuld kontrol over alle farverne

Light

This is the body text of the theme.

Base
Forgrund	#262626
Baggrund	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#999999
Baggrund	transparent
Ramme	#999999
Secondary button hover
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	#242526

Implementering


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

Dark

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	transparent

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

Sekundær knap
Forgrund	#999999
Baggrund	transparent
Ramme	#999999
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#FFFFFF

Implementering


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

Grey

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#545454
Ramme	transparent

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

Sekundær knap
Forgrund	#999999
Baggrund	transparent
Ramme	#999999
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#FFFFFF

Implementering


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

Black

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#101010
Ramme	transparent

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

Sekundær knap
Forgrund	#999999
Baggrund	transparent
Ramme	#999999
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#FFFFFF

Implementering


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

Light Border

This is the body text of the theme.

Base
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	#BBBABB

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

Sekundær knap
Forgrund	#999999
Baggrund	transparent
Ramme	#999999
Secondary button hover
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	#242526

Implementering


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

Grey light

This is the body text of the theme.

Base
Forgrund	#242526
Baggrund	#F4F5F6
Ramme	transparent

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

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

Implementering


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

Base
Forgrund	#FFFFFF
Baggrund	#1A1A1A
Ramme	transparent

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

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

Implementering


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

Shop Theme

This is the body text of the theme.

Base
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	transparent

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

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

Implementering


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

Shop Card

This is the body text of the theme.

Base
Forgrund	#242526
Baggrund	transparent
Ramme	transparent

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

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

Implementering


									<div class="theme shop-card"></div>

Notification ORANGE

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#FF4713
Ramme	#FF4713

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

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

Implementering


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

Notification GREY

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#545454
Ramme	transparent

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

Sekundær knap
Forgrund	#999999
Baggrund	transparent
Ramme	#999999
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#FFFFFF

Implementering


									<div class="theme theme-notification-grey"></div>

Video player

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	transparent

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

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#FF4713
Ramme	transparent

Implementering


									<div class="theme sn-video_player"></div>

Grey OBS

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#676769
Ramme	transparent

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

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

Implementering


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

Checkout

This is the body text of the theme.

Base
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#FF4713
Ramme	transparent

Implementering


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

Button - Newletter

This is the body text of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FF4713
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(13,22, 100%, 40%)
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#606369
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(220, 4%, 40%)
Ramme	transparent
Focus outline	#CCCCCC

Implementering


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

Temaer

Light

Dark

Grey

Black

Light Border

Grey light

Footer

Shop Theme

Shop Card

Notification ORANGE

Notification GREY

Video player

Grey OBS

Checkout

Button - Newletter