Temaer
Light
This is the body text of the theme.
Base | |
---|---|
Forgrund | #262626 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FF4713 |
Baggrund | transparent |
Ramme | #FF4713 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FF4713 |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | transparent |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | #242526 |
Implementering |
<div class="theme light"></div>
|
Dark
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FF4713 |
Primary button hover | |
Forgrund | #FF4713 |
Baggrund | #FFFFFF |
Ramme | #FF4713 |
Sekundær knap | |
---|---|
Forgrund | #E4E5E6 |
Baggrund | #545556 |
Ramme | #545556 |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | #E4E5E6 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme dark"></div>
|
Grey
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #545454 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FF4713 |
Baggrund | transparent |
Ramme | #FF4713 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FF4713 |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | transparent |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Implementering |
<div class="theme grey"></div>
|
Black
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #101010 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FF4713 |
Baggrund | #333333 |
Ramme | #FF4713 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FF4713 |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | #CCCCCC |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Implementering |
<div class="theme black"></div>
|
Light Border
This is the body text of the theme.
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | #CCCCCC |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | #242526 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light-border"></div>
|
Grey light
This is the body text of the theme.
Base | |
---|---|
Forgrund | #242526 |
Baggrund | #F4F5F6 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | transparent |
Ramme | #242526 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Implementering |
<div class="theme grey-light"></div>
|
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #1A1A1A |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #1A1A1A |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | transparent |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #999999 |
Ramme | #999999 |
Implementering |
<div class="theme footer"></div>
|
Shop Theme
This is the body text of the theme.
Base | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #606369 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #C4C5C6 |
Ramme | transparent |
Implementering |
<div class="theme shop-theme"></div>
|
Shop Card
This is the body text of the theme.
Base | |
---|---|
Forgrund | #242526 |
Baggrund | transparent |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #606369 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Implementering |
<div class="theme shop-card"></div>
|
Notification ORANGE
This is the body text of the theme.
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Implementering |
<div class="theme theme-notification"></div>
|
Notification GREY
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #545454 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primary button hover | |
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | transparent |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Implementering |
<div class="theme theme-notification-grey"></div>
|
Video player
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Focus outline | #CCCCCC |
Implementering |
<div class="theme sn-video_player"></div>
|
Grey OBS
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #676769 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #171719 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #171719 |
Baggrund | #FFFFFF |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #171719 |
Ramme | transparent |
Implementering |
<div class="theme theme-grey_obs"></div>
|
Checkout
This is the body text of the theme.
Base | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #606369 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Implementering |
<div class="theme theme-checkout"></div>
|
Button - Newletter
This is the body text of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(13,22, 100%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #606369 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(220, 4%, 40%) |
Ramme | transparent |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-new"></div>
|
Shop Card 23
This is the body text of the theme.
Base | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #000000 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme shop-card-23"></div>
|
Shop Theme 23
This is the body text of the theme.
Base | |
---|---|
Forgrund | #242526 |
Baggrund | #E5E5E9 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #000000 |
Ramme | transparent |
Primary button hover | |
Forgrund | #000000 |
Baggrund | #FFFFFF |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #C4C5C6 |
Ramme | transparent |
Implementering |
<div class="theme shop-theme-23"></div>
|
Notification BLACK
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primary button hover | |
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | transparent |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Implementering |
<div class="theme theme-notification-black"></div>
|
Notification GREY LIGHT
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #E2E4E6 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primary button hover | |
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | transparent |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Implementering |
<div class="theme .theme-notification-grey_light"></div>
|
23 Info low
This is the body text of the theme.
Base | |
---|---|
Forgrund | #000000 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #000000 |
Ramme | transparent |
Primary button hover | |
Forgrund | #000000 |
Baggrund | #FFFFFF |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #C4C5C6 |
Ramme | transparent |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme_info_low_23"></div>
|
Background ORANGE
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | transparent |
Implementering |
<div class="theme theme-orange_back"></div>
|
Shop Card White
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #606369 |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme shop-card_white"></div>
|
Orange dim dark
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #B2320D |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #242526 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #CCCCCC |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #242526 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-orange_dim_dark"></div>
|
Deep Black
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #000000 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FF4713 |
Baggrund | #000000 |
Ramme | #FF4713 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FF4713 |
Sekundær knap | |
---|---|
Forgrund | #999999 |
Baggrund | #CCCCCC |
Ramme | #999999 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme_black_deep"></div>
|
Dark square
This is the body text of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #242526 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #FF4713 |
Ramme | #FF4713 |
Primary button hover | |
Forgrund | #FF4713 |
Baggrund | #FFFFFF |
Ramme | #FF4713 |
Sekundær knap | |
---|---|
Forgrund | #E4E5E6 |
Baggrund | #545556 |
Ramme | #545556 |
Secondary button hover | |
Forgrund | #242526 |
Baggrund | #E4E5E6 |
Ramme | #E4E5E6 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme dark_br0"></div>
|