Temaer

Tag fuld kontrol over alle farverne

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>