Temaer

Tag fuld kontrol over alle farverne

Kontra blue BG - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#2A7D92
Accent	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#2A7D92
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#2A7D92
Ramme	#FFFFFF
Focus outline	#FFFFFF

Link button
Link color	#FFFFFF
Link button hover
Link hover color	hsl(0, 0%, 85%)
Focus outline	#FFFFFF

Implementering


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

Kontra Plum BG KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#573751
Accent	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#573751
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#573751
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 kontra_plum_bg"></div>

Kontra Orange BG KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#CF4620
Accent	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#CF4620
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#CF4620
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 kontra_orange_bg"></div>

Kontra Green BG KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#0A584E
Accent	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#0A584E
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#0A584E
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 kontra_green-bg"></div>

Kontra Basic Grey KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#EFECEA
Accent	#0A584E
Ramme	transparent

Primær knap
Forgrund	#0A584E
Baggrund	#EFECEA
Ramme	#0A584E
Primary button hover
Forgrund	#EFECEA
Baggrund	#0A584E
Ramme	#EFECEA

Sekundær knap
Forgrund	#EFECEA
Baggrund	#0A584E
Ramme	transparent
Secondary button hover
Forgrund	#0A584E
Baggrund	#EFECEA
Ramme	#0A584E
Focus outline	#CCCCCC

Link button
Link color	#000000
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


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

Kontra Pink BG

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#EF7E8B
Accent	#000000
Ramme	transparent

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

Sekundær knap
Forgrund	#EF7E8B
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#FF808B
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 kontra_pink_bg"></div>

Kontra Basic KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#0A584E
Baggrund	#FFFFFF
Accent	#0A584E
Ramme	transparent

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

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

Link button
Link color	#0A584E
Link button hover
Link hover color	hsl(172,31, 80%, 40%)
Focus outline	#CCCCCC

Implementering


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

Kontra Black/Blue Transparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#2A7D92
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#2A7D92

Link button
Link color	#2A7D92
Link button hover
Link hover color	hsl(192,12, 55%, 40%)
Focus outline	#2A7D92

Implementering


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

Kontra Black/Plum Transparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#573751
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#573751

Link button
Link color	#573751
Link button hover
Link hover color	hsl(311,25, 23%, 40%)
Focus outline	#573751

Implementering


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

Kontra Black/Orange Transparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#CF4620
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#CF4620

Link button
Link color	#CF4620
Link button hover
Link hover color	hsl(13,03, 73%, 40%)
Focus outline	#CF4620

Implementering


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

Kontra Black/GreenTransparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	transparent
Accent	#0A584E
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#0A584E

Link button
Link color	#0A584E
Link button hover
Link hover color	hsl(172,31, 80%, 40%)
Focus outline	#0A584E

Implementering


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

Kontra Black/GreenWhite - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#0A584E
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#0A584E

Link button
Link color	#0A584E
Link button hover
Link hover color	hsl(172,31, 80%, 40%)
Focus outline	#0A584E

Implementering


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

Kontra Black Transparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	transparent
Accent	#757575
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#757575

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#757575

Implementering


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

Kontra Transparent White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	#000000
Ramme	transparent

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

Sekundær knap
Forgrund	#0A584E
Baggrund	#FFFFFF
Ramme	#0A584E
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF
Focus outline	#CCCCCC

Link button
Link color	#0A584E
Link button hover
Link hover color	hsl(172,31, 80%, 40%)
Focus outline	#CCCCCC

Implementering


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

Kontra White Transparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	#FFFFFF
Ramme	transparent

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

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

Link button
Link color	#FFFFFF
Link button hover
Link hover color	hsl(0, 0%, 85%)
Focus outline	#FFFFFF

Implementering


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

Kontra Black white - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#757575
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Secondary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349
Focus outline	#757575

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#757575

Implementering


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

Kontra NEUTRAL

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	currentColor
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Secondary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

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

Implementering


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

Kontra Green FOOTER

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#0A584E
Accent	#FFFFFF
Ramme	transparent

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

Sekundær knap
Forgrund	#0A584E
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	#0A584E
Ramme	#FFFFFF
Focus outline	#FFFFFF

Link button
Link color	#FFFFFF
Link button hover
Link hover color	#0A584E
Focus outline	#FFFFFF

Implementering


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

Kontra Green grey product list area

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#FFFFFF
Accent	#FFFFFF
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#09584E
Ramme	transparent
Primary button hover
Forgrund	#2D5349
Baggrund	#FFFFFF
Ramme	#2D5349

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#6FA388
Ramme	transparent
Secondary button hover
Forgrund	#6FA287
Baggrund	#FFFFFF
Ramme	#6FA287
Focus outline	#FFFFFF

Link button
Link color	#09584E
Link button hover
Link hover color	hsl(172,41, 81%, 40%)
Focus outline	#FFFFFF

Implementering


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

Kontra Orange FOOTER

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#CF4620
Accent	#FFFFFF
Ramme	transparent

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

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

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

Implementering


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

KONTRA Header Mobile

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3A
Baggrund	#FFFFFF
Accent	#000000
Ramme	transparent

Primær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Secondary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

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

Implementering


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

Kontra Basic Grey alt KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3A
Baggrund	#FFFFFF
Accent	#0A584E
Ramme	transparent

Primær knap
Forgrund	#0A584E
Baggrund	#EFECEA
Ramme	#0A584E
Primary button hover
Forgrund	#EFECEA
Baggrund	#0A584E
Ramme	#EFECEA

Sekundær knap
Forgrund	#EFECEA
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#0A584E
Baggrund	#EFECEA
Ramme	#0A584E
Focus outline	#CCCCCC

Link button
Link color	#000000
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


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

Kontra Checkout Grey

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3A
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#3A3A3A
Baggrund	#EFECEA
Ramme	transparent
Primary button hover
Forgrund	#EFECEA
Baggrund	#3A3A3A
Ramme	transparent

Sekundær knap
Forgrund	#3A3A3A
Baggrund	transparent
Ramme	#3A3A3A
Secondary button hover
Forgrund	#EFECEA
Baggrund	#3A3A3A
Ramme	#3A3A3A
Focus outline	#CCCCCC

Link button
Link color	#3A3A3A
Link button hover
Link hover color	#0A584E
Focus outline	#CCCCCC

Implementering


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

Kontra Grey BG Orange KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#EFECEA
Accent	#000000
Ramme	transparent

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

Sekundær knap
Forgrund	#000000
Baggrund	#EFECEA
Ramme	#CF4620
Secondary button hover
Forgrund	#CF4620
Baggrund	#EFECEA
Ramme	#CF4620
Focus outline	#CCCCCC

Link button
Link color	#000000
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


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

Kontra All Transparent - KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	#FFFFFF
Ramme	transparent

Primær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Secondary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

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

Implementering


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

Kontra PDP Basic

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3A
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#3A3A3A
Baggrund	#EFECEA
Ramme	transparent
Primary button hover
Forgrund	#3A3A3A
Baggrund	hsl(24, 14%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


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

Kontra Grey BG white KONTRAST

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#EFECEA
Accent	#000000
Ramme	transparent

Primær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#000000
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#000000
Baggrund	#EFECEA
Ramme	#000000
Secondary button hover
Forgrund	#000000
Baggrund	hsl(24, 14%, 85%)
Ramme	#000000
Focus outline	#000000

Link button
Link color	#000000
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#000000

Implementering


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

Kontra Basic Grey B2C

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#3A3A3A
Baggrund	#FFFFFF
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#3A3A3A
Baggrund	#EFECEA
Ramme	transparent
Primary button hover
Forgrund	#3A3A3A
Baggrund	hsl(24, 14%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#3A3A3A
Baggrund	#3A3A3A
Ramme	transparent
Secondary button hover
Forgrund	#3A3A3A
Baggrund	hsl(0, 0%, 40%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	#3A3A3A
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


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