Þemu

Taka fulla stjórn á öllum litum

No theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	currentColor
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	currentColor
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	currentColor
Bakgrunnur	#FFFFFF
Rammi	transparent

Aukahnappur
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent

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

Implementation


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

Light

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#262626
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#262626
Rammi	#262626
Primary button hover
Forgrunnur	#262626
Bakgrunnur	#FFFFFF
Rammi	#B3B3B3

Aukahnappur
Forgrunnur	#1E1A33
Bakgrunnur	#FFFFFF
Rammi	#262626
Secondary button hover
Forgrunnur	#1E1A33
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	#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
Forgrunnur	#FFFFFF
Bakgrunnur	#262626
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#262626
Bakgrunnur	#FFFFFF
Rammi	#FFFFFF
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	#262626
Rammi	#262626

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	#262626
Rammi	#FFFFFF
Secondary button hover
Forgrunnur	#262626
Bakgrunnur	#FFFFFF
Rammi	#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
Forgrunnur	#262626
Bakgrunnur	transparent
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#262626
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 40%)
Rammi	transparent

Aukahnappur
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	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
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	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
Forgrunnur	#333333
Bakgrunnur	#F7F7F7
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#333333
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 40%)
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	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
Forgrunnur	#333333
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	#EBEBEB

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#333333
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 40%)
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

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

Implementation


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

Nespresso-test

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#000000
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	#636363
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Frontpage Top Image Text

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#111111
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	#111111
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent

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

Implementation


									<div class="theme frontpage-top-image-top"></div>

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#000000
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#000000
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	#000000
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Næstuhvitt-email

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#ECE8E5
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#000000
Bakgrunnur	#ECE8E5
Rammi	#000000
Primary button hover
Forgrunnur	#000000
Bakgrunnur	hsl(25,71, 16%, 85%)
Rammi	#000000

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#000000
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 40%)
Rammi	transparent
Focus outline	#000000

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

Implementation


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

bleikur-email

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#F2C9C9
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#000000
Bakgrunnur	#F2C9C9
Rammi	#000000
Primary button hover
Forgrunnur	#000000
Bakgrunnur	hsl(0, 61%, 85%)
Rammi	#000000

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Ljosbrunn-email

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#C4A484
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#333333
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 40%)
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

hvittemail

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#ECE8E5
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Footer copy text

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#161614
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#161614
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	#161614
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


									<div class="theme footer-copy-text"></div>

Product Grid Background

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#FAF9F8
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#3D8705
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	#316B04
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#333333
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	transparent
Rammi	transparent
Focus outline	#FFFFFF

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

Implementation


									<div class="theme newsletter-nespresso-recommends"></div>

Product Container

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	currentColor
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#3D8705
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	#316B04
Rammi	transparent

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	#3D8705
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	#316B04
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Nespresso Navigationbar

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#000000
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#856D43
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	#856D43
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent

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

Implementation


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

Facets

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#000000
Bakgrunnur	#F9F9F9
Accent	currentColor
Rammi	#DEDDDD

Primary button
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Primary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent

Aukahnappur
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent

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

Implementation


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

Base
Forgrunnur	#262626
Bakgrunnur	#FFFFFF
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#262626
Rammi	#262626
Primary button hover
Forgrunnur	#262626
Bakgrunnur	#FFFFFF
Rammi	#B3B3B3

Aukahnappur
Forgrunnur	#1E1A33
Bakgrunnur	#FFFFFF
Rammi	#262626
Secondary button hover
Forgrunnur	#1E1A33
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	#262626

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

Implementation


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

Store message

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#856D43
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Primary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent

Aukahnappur
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent
Secondary button hover
Forgrunnur	currentColor
Bakgrunnur	transparent
Rammi	transparent

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

Implementation


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

graent-email

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#A3B07B
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#333333
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 40%)
Rammi	transparent

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Dark transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#FFFFFF
Accent	#333333
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#FFFFFF
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

blagraenn

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#B8F2E6
Accent	#333333
Rammi	transparent

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#B8F2E6
Rammi	transparent
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(167,59, 69%, 85%)
Rammi	transparent

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

peachy

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#333333
Bakgrunnur	#FFF7ED
Accent	currentColor
Rammi	#FFF7ED

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#FFF7ED
Rammi	#333333
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(33,33, 100%, 85%)
Rammi	#333333

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Greenenviron

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#596D0E
Accent	#FFFFFF
Rammi	#596D0E

Primary button
Forgrunnur	#FFFFFF
Bakgrunnur	#596D0E
Rammi	#333333
Primary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(72,63, 77%, 40%)
Rammi	#333333

Aukahnappur
Forgrunnur	#FFFFFF
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#FFFFFF
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

bluefriday

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrunnur	#FFFFFF
Bakgrunnur	#012C59
Accent	currentColor
Rammi	transparent

Primary button
Forgrunnur	#000000
Bakgrunnur	#012C59
Rammi	#000000
Primary button hover
Forgrunnur	#000000
Bakgrunnur	hsl(210,68, 98%, 40%)
Rammi	#000000

Aukahnappur
Forgrunnur	#333333
Bakgrunnur	#CCCCCC
Rammi	transparent
Secondary button hover
Forgrunnur	#333333
Bakgrunnur	hsl(0, 0%, 85%)
Rammi	transparent
Focus outline	#CCCCCC

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

Implementation


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

Þemu

No theme

Light

Dark

Light transparent

Dark transparent

Light gray

Gray border

Nespresso-test

Frontpage Top Image Text

Footer Black

Næstuhvitt-email

bleikur-email

Ljosbrunn-email

hvittemail

Footer copy text

Product Grid Background

Product Container

Nespresso Navigationbar

Facets

Megamenu

Store message

graent-email

Dark transparent

blagraenn

peachy

Greenenviron

bluefriday

Þemu

No theme

Light

Dark

Light transparent

Dark transparent

Light gray

Gray border

Nespresso-test

Frontpage Top Image Text

Footer Black

Næstuhvitt-email

bleikur-email

Ljosbrunn-email

hvittemail

Footer copy text

Product Grid Background

Newsletter - Nespresso recommends

Product Container

Nespresso Navigationbar

Facets

Megamenu

Store message

graent-email

Dark transparent

blagraenn

peachy

Greenenviron

bluefriday