Temaer
Tag fuld kontrol over alle farverne
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #97777B |
| Baggrund | hsl(352,5, 13%, 40%) |
| Ramme | #97777B |
| Sekundær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | transparent |
| Ramme | #97777B |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | #97777B |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-two-buttons"></div>
|
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #D7C0BA |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #97777B |
| Baggrund | hsl(352,5, 13%, 40%) |
| Ramme | #97777B |
| Sekundær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | transparent |
| Ramme | #97777B |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | #97777B |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-tool-bar"></div>
|
Scrouples - header
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #7F726E |
| Baggrund | #FFFFFF |
| 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 | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #7F726E |
| Link button hover | |
| Link hover color | hsl(14,12, 7%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-header"></div>
|
Scrouples - kategorier
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Accent | #97777B |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #111111 |
| Baggrund | #E0CBC6 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #BCB7B2 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #7F726E |
| Link button hover | |
| Link hover color | hsl(14,12, 7%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-kategorier"></div>
|
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #F4EEE9 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #BCB7B2 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #7F726E |
| Link button hover | |
| Link hover color | hsl(14,12, 7%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-produktslider"></div>
|
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #BCB7B2 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #7F726E |
| Link button hover | |
| Link hover color | hsl(14,12, 7%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-footer"></div>
|
Scrouples - shop links
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | #97777B |
| Sekundær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | transparent |
| Ramme | #97777B |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | #97777B |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-shop-links"></div>
|
Scrouples - kollektioner
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #F4EEE9 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #F4EEE8 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #97777B |
| Baggrund | #F4EEE8 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-kollektioner"></div>
|
Scrouples - kollektioner image
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #F4EEE9 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #F4EEE8 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #97777B |
| Baggrund | #F4EEE8 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-kollektioner-image"></div>
|
Scrouples - text
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #706F6F |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #97777B |
| Baggrund | hsl(352,5, 13%, 40%) |
| Ramme | #97777B |
| Sekundær knap | |
|---|---|
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #97777B |
| Baggrund | #F4EEE8 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-text"></div>
|
Scrouples - produkter
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #F4EEE9 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #97777B |
| Baggrund | hsl(352,5, 13%, 40%) |
| Ramme | #97777B |
| Sekundær knap | |
|---|---|
| Forgrund | #F4EEE8 |
| Baggrund | #97777B |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #97777B |
| Baggrund | #F4EEE8 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #97777B |
| Link button hover | |
| Link hover color | hsl(352,5, 13%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-produkter"></div>
|
Scrouples - Rosa
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #A4808E |
| Baggrund | #FFFFFF |
| Accent | #A4808E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #A4808E |
| Link button hover | |
| Link hover color | hsl(336,67, 17%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-rosa"></div>
|
Scrouples - Rosa - Background
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #A4808E |
| Baggrund | #F9F3ED |
| Accent | #A4808E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #A4808E |
| Link button hover | |
| Link hover color | hsl(336,67, 17%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-rosa-background"></div>
|
Scrouples - Hvid overskrift
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 | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| 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 theme-new"></div>
|
Sc Hvid overskrift - Background
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #F9F3ED |
| Accent | #F9F3ED |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #F9F3ED |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | hsl(30, 50%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F9F3ED |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(30, 50%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #F9F3ED |
| Link button hover | |
| Link hover color | hsl(30, 50%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-new1"></div>
|
Scrouples - Grå
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #B2B2B2 |
| Baggrund | #FFFFFF |
| Accent | #B2B2B2 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #B2B2B2 |
| Link button hover | |
| Link hover color | hsl(0, 0%, 85%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-graa"></div>
|
Scrouples - Grey background
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #A4808E |
| Baggrund | #FAF7F9 |
| Accent | #A4808E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FAF7F9 |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FAF7F9 |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FAF7F9 |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FAF7F9 |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #A4808E |
| Link button hover | |
| Link hover color | hsl(336,67, 17%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-grey-background"></div>
|
Scrouples - Lyserod background
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #A4808E |
| Baggrund | #F7F1F4 |
| Accent | #A4808E |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F7F1F4 |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F7F1F4 |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F7F1F4 |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #F7F1F4 |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #A4808E |
| Link button hover | |
| Link hover color | hsl(336,67, 17%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-lyserod-background"></div>
|
Scrouples - Rosa Header - Grey Body
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #A4808E |
| Baggrund | #FFFFFF |
| Accent | #B2B2B2 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #A4808E |
| Link button hover | |
| Link hover color | hsl(336,67, 17%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-rosa-header-grey-body-1"></div>
|
Scrouples - Rosa Header - Grey Body - 2
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #B2B2B2 |
| Baggrund | #FFFFFF |
| Accent | #B2B2B2 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #F9F3ED |
| Baggrund | #A4808E |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #F9F3ED |
| Baggrund | #C0A3A7 |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-rosa-header-grey-body-2"></div>
|
Scrouples - Hvid overskrift - purple background
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #A4808E |
| Accent | #FFFFFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| 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 purple-background"></div>
|
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Accent | #333333 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #BCB7B2 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #97777B |
| Baggrund | #C9A1A1 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #97777B |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | #7F726E |
| Link button hover | |
| Link hover color | hsl(14,12, 7%, 40%) |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme scrouples-footer"></div>
|