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