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>

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 pink

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#7C6685
Baggrund	#F1E1EB
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#7C6685
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#947A9E
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-light-pink"></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>

Djois Footer dark

This is the body text of the theme.

This is the accent color of the theme.

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>

Temaer

Light

Dark

Light transparent

Dark transparent

Light gray for sub family

Light gray

Gray border

Theme Matas

Theme Top Menu

Theme palegold

Theme paletaupe

Yellow-orange

Dark-red

Dark green

Dark-red button

djois - standard

Djois - top video

djois - color background

djois - category

djois - footer

djois - purple

djois - yellow

djois - green

Gray border - pink button

djois - light pink

djois - light purple

djois - footer font

djois - blue

djois - red

djois - footer grey lighter

Djois product page variant

Djois category page

Very Light gray

Djois product page variant NEW

Buttons help product page

Publication download button

Black border

Djois Footer 2023

Djois Footer dark

Djois main blue button

Djois product page variant blue border

Djois green Djois com

Yellow button for parallax

Greenf or slider 1

Blue for slider 1

Mobile header button

Djois green button