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	currentColor
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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

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	#000000
Accent	#FCC61B
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
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 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>

Duroc Petrolium

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#005961
Accent	#000000
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
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 dark-green"></div>

Duroc Light Gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#E9E9E9
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FCC61B
Focus outline	#CCCCCC

Implementering


									<div class="theme duroclightgray"></div>

Duroc Dark

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#000000
Secondary button hover
Forgrund	#262626
Baggrund	#FFFFFF
Ramme	#000000
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 durocdark"></div>

Duroc Black

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#FFFFFF
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 durocblack"></div>

Duroc White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FCC61B
Focus outline	#CCCCCC

Implementering


									<div class="theme durocwhite"></div>

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#FFFFFF
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 footer-logo-list"></div>

Duroc Image Radius Black

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#FFFFFF
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 duroc-image-radius-bl"></div>

Duroc Image Radius White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FCC61B
Focus outline	#CCCCCC

Implementering


									<div class="theme duroc-image-radius-w"></div>

Duroc Image Radius Petrolium

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#005961
Accent	#000000
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
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 duroc-image-radius-p"></div>

Duroc Image Radius Light Gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#E9E9E9
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FCC61B
Focus outline	#CCCCCC

Implementering


									<div class="theme duroc-image-radius-lg"></div>

Duroc Paragraph Radius Black

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#FFFFFF
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 duroc-paragraph-radius-bl"></div>

Duroc Paragraph Radius White

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FCC61B
Focus outline	#CCCCCC

Implementering


									<div class="theme duroc-paragraph-radius-w"></div>

Duroc Paragraph Radius Petrolium

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#005961
Accent	#000000
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
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 duroc-paragraph-radius-p"></div>

Duroc Paragraph Radius Light Gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#E9E9E9
Accent	#FCC61B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#FCC61B
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#EBB303
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	#000000
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FCC61B
Focus outline	#CCCCCC

Implementering


									<div class="theme duroc-paragraph-radius-lg"></div>

Temaer

Light

Dark

Black

Light transparent

Dark transparent

Light gray

Gray border

Duroc Petrolium

Duroc Light Gray

Duroc Dark

Duroc Black

Duroc White

Footer logo list

Duroc Image Radius Black

Duroc Image Radius White

Duroc Image Radius Petrolium

Duroc Image Radius Light Gray

Duroc Paragraph Radius Black

Duroc Paragraph Radius White

Duroc Paragraph Radius Petrolium

Duroc Paragraph Radius Light Gray