Þ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>

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>

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>

Megamenu

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 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>

Þessi vefsíða styðst við vefkökur til að bæta upplifun þína. Með því að smella á 'Samþykkja' samþykkir þú vefkökur fyrir: virkni, tölfræði og markaðssetningu