Temaer
Light
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #262626 |
Baggrund | #FFFFFF |
Accent | #333333 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #262626 |
Ramme | #262626 |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #545454 |
Ramme | #545454 |
Sekundær knap | |
---|---|
Forgrund | #1E1A33 |
Baggrund | #FFFFFF |
Ramme | #262626 |
Secondary button hover | |
Forgrund | #1E1A33 |
Baggrund | hsl(0, 0%, 85%) |
Ramme | #262626 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementering |
<div class="theme light"></div>
|
Dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Accent | currentColor |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #343A40 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | #262626 |
Ramme | #262626 |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #262626 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme dark"></div>
|
Black
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #0D0E10 |
Accent | currentColor |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #0D0E10 |
Baggrund | #FFFFFF |
Ramme | #FFFFFF |
Primary button hover | |
Forgrund | #0D0E10 |
Baggrund | hsl(0, 0%, 85%) |
Ramme | #FFFFFF |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #0D0E10 |
Ramme | #FFFFFF |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(220, 10%, 40%) |
Ramme | #FFFFFF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme black"></div>
|
Light transparent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #262626 |
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 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 | currentColor |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | transparent |
Secondary button hover | |
Forgrund | #FFFFFF |
Baggrund | transparent |
Ramme | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<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 | |
---|---|
Forgrund | #333333 |
Baggrund | #F7F7F7 |
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 |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<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 | |
---|---|
Forgrund | #333333 |
Baggrund | #FFFFFF |
Accent | currentColor |
Ramme | #EBEBEB |
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 | #FFFFFF |
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-gray-border"></div>
|
Ravendo YELLOW
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #343A40 |
Baggrund | #FFFFFF |
Accent | #F2CC00 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #F2CC00 |
Baggrund | #F2E277 |
Ramme | #F2E277 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-yellow"></div>
|
Ravendo YELLOW - light
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #E3BF00 |
Baggrund | #FFF1B8 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #F2CC00 |
Ramme | #F2CC00 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-yellow-light"></div>
|
Ravendo YELLOW - dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #F2CC00 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #F2CC00 |
Baggrund | #F2E277 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-yellow-dark"></div>
|
Ravendo RED
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #343A40 |
Baggrund | #FFFFFF |
Accent | #ED1C22 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #ED1C22 |
Baggrund | #ECCBCB |
Ramme | #ECCBCB |
Secondary button hover | |
Forgrund | #ECCBCB |
Baggrund | #ED1C22 |
Ramme | #ECCBCB |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-red"></div>
|
Ravendo RED - dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #ED1C22 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #ED1C22 |
Ramme | transparent |
Secondary button hover | |
Forgrund | #ED1C22 |
Baggrund | #FFFFFF |
Ramme | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-red-dark"></div>
|
Ravendo Green
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #343A40 |
Baggrund | #FFFFFF |
Accent | #1A5F35 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #1A5F35 |
Baggrund | #49D380 |
Ramme | #49D380 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-green"></div>
|
Ravendo GREEN - dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #49D380 |
Baggrund | #1A5F35 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #1A5F35 |
Baggrund | #49D380 |
Ramme | #49D380 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-green-dark"></div>
|
Ravendo BEIGE - dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #C4BAA5 |
Baggrund | #7B7262 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #7B7262 |
Baggrund | #C4BAA5 |
Ramme | #C4BAA5 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-beige-dark"></div>
|
Ravendo Beige
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #343A40 |
Baggrund | #FFFFFF |
Accent | #7B7262 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #7B7262 |
Baggrund | #C4BAA5 |
Ramme | #C4BAA5 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-beige"></div>
|
Ravendo Grey
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #343A40 |
Baggrund | #FFFFFF |
Accent | #4F5B62 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #4F5B62 |
Baggrund | #90A6B3 |
Ramme | #90A6B3 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme rado-grey"></div>
|
Ravendo GREY - dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #90A6B3 |
Baggrund | #4F5B62 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #4F5B62 |
Baggrund | #90A6B3 |
Ramme | #90A6B3 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme radogreydark"></div>
|
Danbør BLUE - dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Forgrund | #1BA7E2 |
Baggrund | #0061A6 |
Accent | #343A40 |
Ramme | transparent |
Primær knap | |
---|---|
Forgrund | #FFFFFF |
Baggrund | #343A40 |
Ramme | transparent |
Primary button hover | |
Forgrund | #FFFFFF |
Baggrund | hsl(210, 10%, 40%) |
Ramme | transparent |
Sekundær knap | |
---|---|
Forgrund | #0061A6 |
Baggrund | #1BA7E2 |
Ramme | #1BA7E2 |
Secondary button hover | |
Forgrund | #5500FF |
Baggrund | #EDE6FF |
Ramme | #5500FF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementering |
<div class="theme danbor-blue-dark"></div>
|