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	#FFFFFF
Baggrund	#FF4713
Ramme	#FF4713
Primary button hover
Forgrund	#FF4713
Baggrund	#FFFFFF
Ramme	#FF4713

Sekundær knap
Forgrund	#E4E5E6
Baggrund	#545556
Ramme	#545556
Secondary button hover
Forgrund	#242526
Baggrund	#E4E5E6
Ramme	#E4E5E6
Focus outline	#CCCCCC

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	#333333
Ramme	#FF4713
Primary button hover
Forgrund	#FFFFFF
Baggrund	#FF4713
Ramme	#FF4713

Sekundær knap
Forgrund	#999999
Baggrund	#CCCCCC
Ramme	#999999
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#FFFFFF
Focus outline	#CCCCCC

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	#CCCCCC
Ramme	#999999
Secondary button hover
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	#242526
Focus outline	#CCCCCC

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

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	#E4E5E6
Ramme	transparent
Secondary button hover
Forgrund	#242526
Baggrund	#C4C5C6
Ramme	transparent

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	#E4E5E6
Ramme	transparent
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	#FFFFFF
Ramme	transparent

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

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

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>

Shop Card 23

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	#000000
Ramme	transparent

Sekundær knap
Forgrund	#242526
Baggrund	#E4E5E6
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#242526
Focus outline	#CCCCCC

Implementering


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

Shop Theme 23

This is the body text of the theme.

Base
Forgrund	#242526
Baggrund	#E5E5E9
Ramme	transparent

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

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

Implementering


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

Notification BLACK

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#242526
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-black"></div>

Notification GREY LIGHT

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#E2E4E6
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_light"></div>

23 Info low

This is the body text of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#242526
Baggrund	#E4E5E6
Ramme	transparent
Secondary button hover
Forgrund	#242526
Baggrund	#C4C5C6
Ramme	transparent
Focus outline	#CCCCCC

Implementering


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

Background ORANGE

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#FF4713
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	#FF4713
Ramme	transparent
Secondary button hover
Forgrund	#242526
Baggrund	#FFFFFF
Ramme	transparent

Implementering


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

Shop Card White

This is the body text of the theme.

Base
Forgrund	#FFFFFF
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	#E4E5E6
Ramme	transparent
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#242526
Focus outline	#CCCCCC

Implementering


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

Orange dim dark

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#B2320D
Ramme	transparent

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

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#CCCCCC
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#242526
Focus outline	#CCCCCC

Implementering


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

Deep Black

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent

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

Sekundær knap
Forgrund	#999999
Baggrund	#CCCCCC
Ramme	#999999
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	#FFFFFF
Focus outline	#CCCCCC

Implementering


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

Dark square

This is the body text of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#242526
Ramme	transparent

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

Sekundær knap
Forgrund	#E4E5E6
Baggrund	#545556
Ramme	#545556
Secondary button hover
Forgrund	#242526
Baggrund	#E4E5E6
Ramme	#E4E5E6
Focus outline	#CCCCCC

Implementering


									<div class="theme dark_br0"></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

Shop Card 23

Shop Theme 23

Notification BLACK

Notification GREY LIGHT

23 Info low

Background ORANGE

Shop Card White

Orange dim dark

Deep Black

Dark square