Temaer
White
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | #10BF95 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #24686C |
Ramme | #24686C |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #262626 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light"></div>
|
White
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | #00567E |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #009FE9 |
Ramme | #009FE9 |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #262626 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light-02"></div>
|
transparent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | transparent |
Accent | #00567E |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #009FE9 |
Ramme | #009FE9 |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #262626 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme transparent-02"></div>
|
Cerulean transparent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | transparent |
Accent | #00567E |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #00567E |
Baggrund | transparent |
Ramme | #00567E |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | transparent |
Ramme | #333333 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme cerulean-transparent"></div>
|
Light transparent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | transparent |
Accent | #24686C |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #24686C |
Ramme | #24686C |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | transparent |
Ramme | #333333 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<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 | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Accent | #10BF95 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #10BF95 |
Link button hover | |
Link hover color | hsl(165,6, 85%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme dark-transparent"></div>
|
Dark cerulean 100
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #00567E |
Accent | #009FE9 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #009FE9 |
Ramme | #009FE9 |
Primary button hover | |
Forgrund | #00567E |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #00567E |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #009FE9 |
Link button hover | |
Link hover color | hsl(199,06, 100%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-dark-cerulean-100"></div>
|
Dark cerulean 40
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #99BBCB |
Accent | #009FE9 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #009FE9 |
Ramme | #009FE9 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #00567E |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #009FE9 |
Link button hover | |
Link hover color | hsl(199,06, 100%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-dark-cerulean-40"></div>
|
Dark cerulean 10
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #E5EEF2 |
Accent | #00567E |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #009FE9 |
Ramme | #009FE9 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Sekundær knap | |
---|---|
Forgrund | #009FE9 |
Baggrund | #E5EEF2 |
Ramme | #009FE9 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #009FE9 |
Ramme | #009FE9 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #009FE9 |
Link button hover | |
Link hover color | hsl(199,06, 100%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-dark-cerulean-10"></div>
|
White with cerulean accent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | #00567E |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #00567E |
Baggrund | #FFFFFF |
Ramme | #00567E |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #333333 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light-cerulean-accent"></div>
|
Myrtle green 100
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #24686C |
Accent | #10BF95 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Primary button hover | |
Forgrund | #24686C |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #24686C |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #10BF95 |
Link button hover | |
Link hover color | hsl(165,6, 85%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-myrtle-green-100"></div>
|
Myrtle green 40
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #A7C3C4 |
Accent | #10BF95 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #24686C |
Ramme | #24686C |
Sekundær knap | |
---|---|
Forgrund | #10BF95 |
Baggrund | transparent |
Ramme | #10BF95 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-myrtle-green-40"></div>
|
Myrtle green 10
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #E9F0F0 |
Accent | #10BF95 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #24686C |
Ramme | #24686C |
Sekundær knap | |
---|---|
Forgrund | #10BF95 |
Baggrund | transparent |
Ramme | #10BF95 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #10BF95 |
Ramme | #10BF95 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #10BF95 |
Link button hover | |
Link hover color | hsl(165,6, 85%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-myrtle-green-10"></div>
|
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Accent | #FFCB7D |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFCB7D |
Ramme | #FFCB7D |
Primary button hover | |
Forgrund | #A66446 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #FFCB7D |
Baggrund | transparent |
Ramme | #FFCB7D |
Secondary button hover | |
Forgrund | #333333 |
Baggrund | #FFCB7D |
Ramme | #FFCB7D |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #FFCB7D |
Link button hover | |
Link hover color | hsl(36, 100%, 85%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-metallic-bronze-100"></div>
|
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #DBC1B5 |
Accent | #A66446 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Ramme | #A66446 |
Primary button hover | |
Forgrund | #A66446 |
Baggrund | #DBC1B5 |
Ramme | #A66446 |
Sekundær knap | |
---|---|
Forgrund | #A66446 |
Baggrund | #DBC1B5 |
Ramme | #A66446 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Ramme | #A66446 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #A66446 |
Link button hover | |
Link hover color | hsl(18,75, 41%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-metallic-bronze-40"></div>
|
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #F6EFEC |
Accent | #A66446 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFCB7D |
Ramme | #FFCB7D |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Ramme | #A66446 |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Ramme | #A66446 |
Secondary button hover | |
Forgrund | #A66446 |
Baggrund | hsl(18,75, 41%, 40%) |
Ramme | #A66446 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #A66446 |
Link button hover | |
Link hover color | hsl(18,75, 41%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-metallic-bronze-10"></div>
|
White with bronze accent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | #A66446 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFCB7D |
Ramme | #FFCB7D |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Ramme | #A66446 |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #A66446 |
Ramme | #A66446 |
Secondary button hover | |
Forgrund | #A66446 |
Baggrund | hsl(18,75, 41%, 40%) |
Ramme | #A66446 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #A66446 |
Link button hover | |
Link hover color | hsl(18,75, 41%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light-bronze-accent"></div>
|
Wild blue yonder 100
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #96B0CB |
Accent | #333333 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #57A6F9 |
Ramme | #57A6F9 |
Primary button hover | |
Forgrund | #57A6F9 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #96B0CB |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
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-wildblueyonder-100"></div>
|
Wild blue yonder 40
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #D5DFEA |
Accent | #57A6F9 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #57A6F9 |
Ramme | #57A6F9 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #96B0CB |
Ramme | #96B0CB |
Sekundær knap | |
---|---|
Forgrund | #57A6F9 |
Baggrund | transparent |
Ramme | #57A6F9 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #57A6F9 |
Ramme | #57A6F9 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #57A6F9 |
Link button hover | |
Link hover color | hsl(210,74, 93%, 85%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-wildblueyonder-40"></div>
|
Wild blue yonder 10
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #F4F7FA |
Accent | #57A6F9 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #57A6F9 |
Ramme | #57A6F9 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #96B0CB |
Ramme | #96B0CB |
Sekundær knap | |
---|---|
Forgrund | #57A6F9 |
Baggrund | transparent |
Ramme | #57A6F9 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #57A6F9 |
Ramme | #57A6F9 |
Link button | |
---|---|
Link color | #57A6F9 |
Link button hover | |
Link hover color | hsl(210,74, 93%, 85%) |
Implementering |
<div class="theme theme-wildblueyonder-10"></div>
|
White with blue accent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | #57A6F9 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #57A6F9 |
Ramme | #57A6F9 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #00567E |
Ramme | #00567E |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #262626 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #333333 |
Ramme | #333333 |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light-blue-accent"></div>
|
Mountbatten pink 100
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #8C7486 |
Accent | #FFC49B |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #8C7486 |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #000000 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #333333 |
Baggrund | #FFC49B |
Ramme | #FFC49B |
Secondary button hover | |
Forgrund | #333333 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #E4DFE4 |
Link button hover | |
Link hover color | hsl(300, 8%, 85%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-mountbatten-pink-100"></div>
|
Mountbatten pink 10
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #E8E4E7 |
Accent | #8C7486 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #8C7486 |
Ramme | #8C7486 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A08D9C |
Ramme | #A08D9C |
Sekundær knap | |
---|---|
Forgrund | #8C7486 |
Baggrund | #E8E4E7 |
Ramme | #8C7486 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A08D9C |
Ramme | #A08D9C |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #E4DFE4 |
Link button hover | |
Link hover color | hsl(300, 8%, 85%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme theme-mountbatten-pink-10"></div>
|
White with pink accent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | #8C7486 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #8C7486 |
Ramme | #8C7486 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A08D9C |
Ramme | #A08D9C |
Sekundær knap | |
---|---|
Forgrund | #8C7486 |
Baggrund | #FFFFFF |
Ramme | #8C7486 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A08D9C |
Ramme | #A08D9C |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #E4DFE4 |
Link button hover | |
Link hover color | hsl(300, 8%, 85%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light-pink-accent"></div>
|
History
This is the body text of the theme.
This is the accent color of the theme.
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #8C7486 |
Ramme | #8C7486 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A08D9C |
Ramme | #A08D9C |
Sekundær knap | |
---|---|
Forgrund | #8C7486 |
Baggrund | #FFFFFF |
Ramme | #8C7486 |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | #A08D9C |
Ramme | #A08D9C |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #E4DFE4 |
Link button hover | |
Link hover color | hsl(300, 8%, 85%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme history"></div>
|