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
#262626
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#262626
Baggrund
#FFFFFF
Ramme
#FFFFFF
Primary button hover
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#262626
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>

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
#303030
Baggrund
#FFFFFF
Ramme
#FFFFFF
Primary button hover
Forgrund
#303030
Baggrund
#F0F0F0
Ramme
#FFFFFF
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 for sub family

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#F2F2F2
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#333333
Baggrund
#FFFFFF
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
hsl(0, 0%, 85%)
Ramme
transparent
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme light-gray-sub-famuly"></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>

Theme Matas

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#EFEDEA
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
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#333333
Baggrund
hsl(0, 0%, 85%)
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementering
<div class="theme theme-khaki"></div>

Theme Top Menu

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#82817F
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
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#333333
Baggrund
hsl(0, 0%, 85%)
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementering
<div class="theme theme-menu-top"></div>

Theme palegold

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#DEC492
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
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#333333
Baggrund
hsl(0, 0%, 85%)
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementering
<div class="theme theme-palegold"></div>

Theme paletaupe

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#C79F81
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
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#333333
Baggrund
hsl(0, 0%, 85%)
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementering
<div class="theme theme-paletaupe"></div>

Yellow-orange

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#262626
Baggrund
#FFCB1F
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Primary button hover
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Sekundær knap
Forgrund
#262626
Baggrund
#FFFFFF
Ramme
#FFFFFF
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme yellow-orange"></div>

Dark-red

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#AD0000
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Primary button hover
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Sekundær knap
Forgrund
#262626
Baggrund
#FFFFFF
Ramme
#FFFFFF
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#262626
Ramme
#262626
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme dark-red"></div>

Dark green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#375438
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#314A32
Baggrund
#FFFFFF
Ramme
transparent
Primary button hover
Forgrund
#314A32
Baggrund
hsl(0, 0%, 85%)
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 dark-green"></div>

Dark-red button

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#262626
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#AD0000
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#7A0000
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
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-redbutton"></div>

djois - standard

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#FFFFFF
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#78B9CD
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#4AA9BA
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#C3ABBF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#C3A2BE
Ramme
transparent
Focus outline
#36A3AA
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#36A3AA
Implementering
<div class="theme djois-standard"></div>

Djois - top video

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
#36A3AA
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#4AA9BA
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#262626
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 djois-top-video"></div>

djois - color background

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#824081
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#36A3AA
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#4AA9BA
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#924A8E
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#AA78A7
Ramme
transparent
Focus outline
#36A3AA
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#36A3AA
Implementering
<div class="theme djois-color-background"></div>

djois - category

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#295459
Baggrund
#F5FFFD
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#36A3AA
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#4AA9BA
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#924A8E
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#AA78A7
Ramme
transparent
Focus outline
#36A3AA
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#36A3AA
Implementering
<div class="theme djois-category"></div>

Base
Forgrund
#737373
Baggrund
#1D1D1D
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#36A3AA
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#4AA9BA
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#924A8E
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#AA78A7
Ramme
transparent
Focus outline
#FFFFFF
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#FFFFFF
Implementering
<div class="theme djois-footer"></div>

djois - purple

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#C3ABBF
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#000000
Baggrund
#C3ABBF
Ramme
#000000
Primary button hover
Forgrund
#000000
Baggrund
hsl(310, 17%, 85%)
Ramme
#000000
Sekundær knap
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
transparent
Focus outline
#000000
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#000000
Implementering
<div class="theme djois-purple"></div>

djois - yellow

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#F8EFE0
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#DFC79D
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#E6CDA2
Ramme
transparent
Sekundær knap
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
transparent
Focus outline
#000000
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#000000
Implementering
<div class="theme djois-yellow"></div>

djois - green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#ECF7EC
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#000000
Baggrund
#ECF7EC
Ramme
#000000
Primary button hover
Forgrund
#000000
Baggrund
hsl(120, 41%, 85%)
Ramme
#000000
Sekundær knap
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
transparent
Focus outline
#000000
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#000000
Implementering
<div class="theme djois-green"></div>

Gray border - pink button

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
#C3ABBF
Baggrund
#FFFFFF
Ramme
#C3ABBF
Primary button hover
Forgrund
#C3ABBF
Baggrund
hsl(0, 0%, 85%)
Ramme
#C3ABBF
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
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 theme-gray-border-pink-button"></div>

djois - light purple

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#000000
Baggrund
#F1E1EB
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#F6ECF2
Baggrund
#FFFFFF
Ramme
#000000
Primary button hover
Forgrund
#F6ECF2
Baggrund
hsl(0, 0%, 85%)
Ramme
#000000
Sekundær knap
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
transparent
Focus outline
#000000
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#000000
Implementering
<div class="theme djois-purple-light-purple"></div>

Base
Forgrund
#FFFFFF
Baggrund
transparent
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#FFFFFF
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
transparent
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#FFFFFF
Ramme
transparent
Focus outline
#FFFFFF
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#FFFFFF
Implementering
<div class="theme djois-footer-font"></div>

djois - blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#78B9CD
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#000000
Baggrund
#C3ABBF
Ramme
#000000
Primary button hover
Forgrund
#000000
Baggrund
hsl(310, 17%, 85%)
Ramme
#000000
Sekundær knap
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
transparent
Focus outline
#000000
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#000000
Implementering
<div class="theme djois-blue"></div>

djois - red

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#CF6478
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#000000
Baggrund
#C3ABBF
Ramme
#000000
Primary button hover
Forgrund
#000000
Baggrund
hsl(310, 17%, 85%)
Ramme
#000000
Sekundær knap
Forgrund
#000000
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
transparent
Focus outline
#000000
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#000000
Implementering
<div class="theme djois-red"></div>

Base
Forgrund
#737373
Baggrund
#303030
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#36A3AA
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#4AA9BA
Ramme
transparent
Sekundær knap
Forgrund
#FFFFFF
Baggrund
#924A8E
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#AA78A7
Ramme
transparent
Focus outline
#FFFFFF
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#FFFFFF
Implementering
<div class="theme djois-footer-grey-lighter"></div>

Djois product page variant

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#303030
Baggrund
transparent
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#303030
Baggrund
#FFFFFF
Ramme
#303030
Primary button hover
Forgrund
#FFFFFF
Baggrund
#FFFFFF
Ramme
#FFFFFF
Sekundær knap
Forgrund
#303030
Baggrund
#FFFFFF
Ramme
#DBDBDB
Secondary button hover
Forgrund
#303030
Baggrund
#FFFFFF
Ramme
#3D3D3D
Link button
Link color
currentColor
Link button hover
Link hover color
#FFFFFF
Implementering
<div class="theme djois-product-page-variant"></div>

Djois category page

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#303030
Baggrund
transparent
Accent
currentColor
Ramme
#EAE8ED
Primær knap
Forgrund
#303030
Baggrund
#FF3030
Ramme
#303030
Primary button hover
Forgrund
#8DFF70
Baggrund
#FF0D0D
Ramme
#9EFF4A
Sekundær knap
Forgrund
#303030
Baggrund
#A0FF24
Ramme
#C6DB0B
Secondary button hover
Forgrund
#FF3333
Baggrund
#24FF50
Ramme
#ED874C
Focus outline
#7E29FF
Link button
Link color
#C9FFE2
Link button hover
Link hover color
#FF0000
Focus outline
#7E29FF
Implementering
<div class="theme djois-category-page"></div>

Very Light gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FCFCFC
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 very-light-gray"></div>

Djois product page variant NEW

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#303030
Baggrund
transparent
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#303030
Baggrund
#EDEDED
Ramme
#303030
Primary button hover
Forgrund
#FFFFFF
Baggrund
#DB1A6E
Ramme
#FFFFFF
Sekundær knap
Forgrund
#303030
Baggrund
transparent
Ramme
#DBDBDB
Secondary button hover
Forgrund
#303030
Baggrund
#FFFFFF
Ramme
#303030
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme djois-website-product-page-variant-new"></div>

Buttons help product page

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#333333
Ramme
#EBEBEB
Primær knap
Forgrund
#17556D
Baggrund
#E0EAEE
Ramme
transparent
Primary button hover
Forgrund
#17556D
Baggrund
#E0EAEE
Ramme
#17556D
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#333333
Baggrund
#F7F7F7
Ramme
#333333
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 buttons_product_page"></div>

Publication download button

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#17556D
Baggrund
transparent
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#17556D
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#1D6D8C
Ramme
transparent
Sekundær knap
Forgrund
#262626
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#17556D
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 publication_download_button-main-djois"></div>

Black 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
#E0E0E0
Primær knap
Forgrund
#FFFFFF
Baggrund
#333333
Ramme
#FF1C6F
Primary button hover
Forgrund
#333333
Baggrund
#F52269
Ramme
#333333
Sekundær knap
Forgrund
#333333
Baggrund
#EB1A4B
Ramme
#FF086B
Secondary button hover
Forgrund
#FF0F37
Baggrund
#FF1F69
Ramme
#FF2448
Focus outline
#FF293E
Link button
Link color
#FF2474
Link button hover
Link hover color
#FF2164
Focus outline
#FF293E
Implementering
<div class="theme theme-black-border"></div>

Base
Forgrund
#17556D
Baggrund
#E0EAEE
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#17556D
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#1D6D8C
Ramme
transparent
Sekundær knap
Forgrund
#262626
Baggrund
#FFFFFF
Ramme
transparent
Secondary button hover
Forgrund
#FFFFFF
Baggrund
#17556D
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 djois-footer-2023"></div>

Base
Forgrund
#FFFFFF
Baggrund
#17556D
Accent
#17556D
Ramme
transparent
Primær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
transparent
Primary button hover
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#333333
Sekundær knap
Forgrund
#333333
Baggrund
#17556D
Ramme
transparent
Secondary button hover
Forgrund
#333333
Baggrund
hsl(196,74, 65%, 40%)
Ramme
transparent
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 djois_footer_dark"></div>

Djois main blue button

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
transparent
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#1D6D8C
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#17556D
Ramme
transparent
Sekundær knap
Forgrund
#1D6D8C
Baggrund
#E0EAEE
Ramme
transparent
Secondary button hover
Forgrund
#1D6D8C
Baggrund
#DAE4E8
Ramme
transparent
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 djois_main_blue_button"></div>

Djois product page variant blue border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#303030
Baggrund
transparent
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#303030
Baggrund
#E8E8E8
Ramme
#303030
Primary button hover
Forgrund
#303030
Baggrund
hsl(0, 0%, 85%)
Ramme
#303030
Sekundær knap
Forgrund
#303030
Baggrund
#FFFFFF
Ramme
#C2C2C2
Secondary button hover
Forgrund
#303030
Baggrund
#FFFFFF
Ramme
#303030
Link button
Link color
#FFFFFF
Link button hover
Link hover color
#FFFFFF
Implementering
<div class="theme djois-website-product-page-variant-blue-border"></div>

Djois green Djois com

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#146907
Baggrund
#ECF7EC
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#146907
Ramme
transparent
Primary button hover
Forgrund
#FFFFFF
Baggrund
#1A8709
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
#333333
Link button hover
Link hover color
hsl(0, 0%, 40%)
Focus outline
#CCCCCC
Implementering
<div class="theme djois_green_djois_com"></div>

Yellow button for parallax

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
#000000
Baggrund
#ECDA5C
Ramme
transparent
Primary button hover
Forgrund
#000000
Baggrund
#E8D65A
Ramme
transparent
Sekundær knap
Forgrund
#262626
Baggrund
#F7F7F7
Ramme
transparent
Secondary button hover
Forgrund
#262626
Baggrund
#EDEDED
Ramme
transparent
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme yellow_parallax"></div>

Greenf or slider 1

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#06A384
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#000000
Baggrund
#ECDA5C
Ramme
transparent
Primary button hover
Forgrund
#000000
Baggrund
#E8D65A
Ramme
transparent
Sekundær knap
Forgrund
#262626
Baggrund
#F7F7F7
Ramme
transparent
Secondary button hover
Forgrund
#262626
Baggrund
#EDEDED
Ramme
transparent
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme green_slider"></div>

Blue for slider 1

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#FFFFFF
Baggrund
#3F7688
Accent
currentColor
Ramme
transparent
Primær knap
Forgrund
#000000
Baggrund
#ECDA5C
Ramme
transparent
Primary button hover
Forgrund
#000000
Baggrund
#E8D65A
Ramme
transparent
Sekundær knap
Forgrund
#262626
Baggrund
#F7F7F7
Ramme
transparent
Secondary button hover
Forgrund
#262626
Baggrund
#EDEDED
Ramme
transparent
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Implementering
<div class="theme blue_slider"></div>

Mobile header button

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
transparent
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#FFFFFF
Baggrund
#FFFFFF
Ramme
#333333
Primary button hover
Forgrund
#FFFFFF
Baggrund
hsl(0, 0%, 85%)
Ramme
#333333
Sekundær knap
Forgrund
#333333
Baggrund
#FFFFFF
Ramme
#333333
Secondary button hover
Forgrund
#333333
Baggrund
hsl(0, 0%, 85%)
Ramme
#333333
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementering
<div class="theme mobile_header_button"></div>

Djois green button

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund
#333333
Baggrund
#FFFFFF
Accent
#333333
Ramme
transparent
Primær knap
Forgrund
#146907
Baggrund
#ECF7EC
Ramme
transparent
Primary button hover
Forgrund
#146907
Baggrund
#ECF7EC
Ramme
#146907
Sekundær knap
Forgrund
#333333
Baggrund
#F5F5F5
Ramme
#F5F5F5
Secondary button hover
Forgrund
#333333
Baggrund
#F5F5F5
Ramme
#C9C9C9
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 djois-green-button"></div>

Ved at klikke 'Acceptér Alle' giver til samtykke til, at vi må indsamle oplysninger om dig til forskellige formål, herunder: Funktionalitet, statistik og Marketing