Temaer
Theme light
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #1F301A |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1F301A |
| Ramme | #1F301A |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(106,36, 30%, 40%) |
| Ramme | #1F301A |
| Sekundær knap | |
|---|---|
| Forgrund | #1F301A |
| Baggrund | #FFFFFF |
| Ramme | #1F301A |
| Secondary button hover | |
| Forgrund | #1F301A |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #1F301A |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme light"></div>
|
Theme dark
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme dark"></div>
|
Theme grey
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F7F7F7 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #000000 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #000000 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme grey"></div>
|
Theme light background transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme lightbackgroundtransparent"></div>
|
Theme dark transparent
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 | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme darktransparent"></div>
|
Theme transparent
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | currentColor |
| Baggrund | transparent |
| 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 | currentColor |
| Baggrund | transparent |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme transparent"></div>
|
Theme dark green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1F301A |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #E82F13 |
| Baggrund | #209C17 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0AFF43 |
| Baggrund | #FF19FF |
| Ramme | #FFF93D |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #314D29 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(106,67, 31%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme darkgreen"></div>
|
Theme olive
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #6D6225 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #615721 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(50,62, 49%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F7F7F7 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme olive"></div>
|
Theme White font
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme whitefont"></div>
|
Rainbow
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #A30AC2 |
| Baggrund | #FF4F7E |
| Accent | currentColor |
| Ramme | #44FA6E |
| Primær knap | |
|---|---|
| Forgrund | #38E30E |
| Baggrund | #417845 |
| Ramme | #A7FA00 |
| Primary button hover | |
| Forgrund | #218508 |
| Baggrund | #6DC974 |
| Ramme | #689C00 |
| Sekundær knap | |
|---|---|
| Forgrund | #47ABED |
| Baggrund | #0E44A1 |
| Ramme | #07CEED |
| Secondary button hover | |
| Forgrund | #193D54 |
| Baggrund | #1567F5 |
| Ramme | #047C8F |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme rainbow"></div>
|
Theme light with border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #1F301A |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | #B3B3B3 |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #333333 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-light-with-border"></div>
|
Theme blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #476491 |
| Accent | #FF3F38 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #476491 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #476491 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme blue"></div>
|
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #277D15 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #277D15 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #E0E0E0 |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #A4A82F |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #E0E0E0 |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-cookie"></div>
|
Theme dark green with border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1F301A |
| Accent | currentColor |
| Ramme | #73B361 |
| Primær knap | |
|---|---|
| Forgrund | #1F301A |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | #DBDBDB |
| Ramme | #73B361 |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | #E0E0E0 |
| Ramme | #FFFFFF |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme darkgreenwithborder"></div>
|
Theme olivetext
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #6D6225 |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #615721 |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(50,62, 49%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #F7F7F7 |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme olivetext"></div>
|
Theme dark green font
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #4D664B |
| Baggrund | transparent |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #4D664B |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(115,56, 15%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme darkgreenfont"></div>
|
| Base | |
|---|---|
| Forgrund | #1F301A |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #1F301A |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(106,36, 30%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #CCCCCC |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-lightwithredbutton"></div>
|
Theme dark green 2
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #446939 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #446939 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #446939 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #828282 |
| Baggrund | #CCCCCC |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #828282 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme darkgreen2"></div>
|
Theme black friday
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme theme-blackfriday"></div>
|
Theme red
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FF0000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme red"></div>
|
Theme black-darkgreen
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #446939 |
| Baggrund | #000000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #446939 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #0AFF43 |
| Baggrund | #FF19FF |
| Ramme | #FFF93D |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #314D29 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(106,67, 31%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme black-darkgreen"></div>
|
Theme green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #40573C |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-green"></div>
|
Theme blue
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #495B70 |
| Accent | #FF3B76 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-blue"></div>
|
Theme sand
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #87763D |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | #333333 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #333333 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #E6E6E6 |
| Ramme | #333333 |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #333333 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme theme-sand"></div>
|
Theme blue with border
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #78A9F5 |
| Accent | currentColor |
| Ramme | #3D567D |
| Primær knap | |
|---|---|
| Forgrund | #476491 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #476491 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme bluewithborder"></div>
|
Theme MAK theme
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333 |
| Baggrund | #fff |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFF |
| Baggrund | #333 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333 |
| Baggrund | #CCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #cccccc |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #cccccc |
| Implementering |
<div class="theme theme-new"></div>
|
Theme red2
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF0000 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #000000 |
| Ramme | #FFFFFF |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | #FFFFFF |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme red2"></div>
|
Rosa
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #FF6982 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #333333 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(0, 0%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme rosa"></div>
|
Blue2
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #78A9F5 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #476491 |
| Baggrund | #FFFFFF |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #476491 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #000000 |
| Baggrund | #FFFFFF |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #000000 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme blue2"></div>
|
Light Yellow
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #FBF7ED |
| Accent | #267F60 |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #267F60 |
| Ramme | #267F60 |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(159,1, 54%, 40%) |
| Ramme | #267F60 |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme lightyellow"></div>
|
Green
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #124C3F |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #124C3F |
| Ramme | #FFFFFF |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(166,55, 62%, 40%) |
| Ramme | #FFFFFF |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme green"></div>
|
Eyebrow
This is the body text of the theme.
This is the accent color of the theme.
| Base | |
|---|---|
| Forgrund | #222F5C |
| Baggrund | #FCFCFC |
| Accent | #005EFF |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #425BB3 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | hsl(226,73, 46%, 40%) |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #333333 |
| Baggrund | #CCCCCC |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #333333 |
| Baggrund | hsl(0, 0%, 85%) |
| Ramme | transparent |
| Focus outline | #CCCCCC |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #CCCCCC |
| Implementering |
<div class="theme eyebrow"></div>
|