Themes

Take full control of all the colors

Light

This is the body text of the theme.

Base
Foreground	#262626
Background	#FFFFFF
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#262626
Border	#262626
Primary button hover
Foreground	#FFFFFF
Background	#545454
Border	#545454

Secondary button
Foreground	#1E1A33
Background	#FFFFFF
Border	#262626
Secondary button hover
Foreground	#1E1A33
Background	hsl(0, 0%, 85%)
Border	#262626

Implementation


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

Light transparent

This is the body text of the theme.

Base
Foreground	#262626
Background	transparent
Border	transparent

Primary button
Foreground	currentColor
Background	transparent
Border	transparent
Primary button hover
Foreground	currentColor
Background	transparent
Border	transparent

Secondary button
Foreground	currentColor
Background	transparent
Border	transparent
Secondary button hover
Foreground	currentColor
Background	transparent
Border	transparent

Implementation


									<div class="theme light-transparent"></div>

Dark transparent

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	transparent
Border	transparent

Primary button
Foreground	#FFFFFF
Background	transparent
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	transparent
Border	transparent

Secondary button
Foreground	#FFFFFF
Background	transparent
Border	transparent
Secondary button hover
Foreground	#FFFFFF
Background	transparent
Border	transparent

Implementation


									<div class="theme dark-transparent"></div>

Light gray

This is the body text of the theme.

Base
Foreground	#333333
Background	#F7F7F7
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent

Implementation


									<div class="theme theme-gray"></div>

Gray border dhisve

This is the body text of the theme.

Base
Foreground	#1C396B
Background	#FFFFFF
Border	#EBEBEB

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent

Implementation


									<div class="theme theme-gray-border"></div>

Theme Dhisve Header

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#0068A7
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-header"></div>

Dhisve forecolor blanco y bg celeste

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#3695C4
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#1C396B
Border	#1C396B
Primary button hover
Foreground	#FFFFFF
Background	hsl(217,97, 59%, 40%)
Border	#1C396B

Secondary button
Foreground	#333333
Background	#7BBB55
Border	#7BBB55
Secondary button hover
Foreground	#333333
Background	hsl(97,65, 43%, 85%)
Border	#7BBB55
Focus outline	#CCCCCC

Implementation


									<div class="theme dhisve-forecolor-blanco-bgceleste"></div>

Theme paletaupe - blog

This is the body text of the theme.

Base
Foreground	#1C396B
Background	#CCCCCC
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	#333333
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	#333333

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-paletaupe"></div>

Theme Dhisve General

This is the body text of the theme.

Base
Foreground	#1C396B
Background	transparent
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C
Secondary button hover
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4

Implementation


									<div class="theme tema-dhisve-general"></div>

Transparent

This is the body text of the theme.

Base
Foreground	#333333
Background	#FFFF70
Border	#991814

Primary button
Foreground	#333333
Background	transparent
Border	#70120F
Primary button hover
Foreground	#333333
Background	transparent
Border	#B81E19

Secondary button
Foreground	#333333
Background	transparent
Border	#365EFF
Secondary button hover
Foreground	#333333
Background	transparent
Border	#365EFF
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-transparent"></div>

Dhisve forecolor celeste

This is the body text of the theme.

Base
Foreground	#3695C4
Background	transparent
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent
Focus outline	#CCCCCC

Implementation


									<div class="theme dhisve-forecolor-celeste"></div>

Dhisve forecolor celeste y bg gris

This is the body text of the theme.

Base
Foreground	#3695C4
Background	#F7F7F7
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent
Focus outline	#CCCCCC

Implementation


									<div class="theme dhisve-forecolor-celeste-bggris"></div>

Dhisve forecolor azul y bg gris

This is the body text of the theme.

Base
Foreground	#1C396B
Background	#F7F7F7
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent
Focus outline	#CCCCCC

Implementation


									<div class="theme dhisve-forecolor-azul-bggris"></div>

Theme Dhisve Banner home

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#1C396B
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-banner1"></div>

Dhisve fila azul iconos

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#3695C4
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#1C396B
Border	#1C396B
Primary button hover
Foreground	#FFFFFF
Background	hsl(217,97, 59%, 40%)
Border	#1C396B

Secondary button
Foreground	#333333
Background	#7BBB55
Border	#7BBB55
Secondary button hover
Foreground	#333333
Background	hsl(97,65, 43%, 85%)
Border	#7BBB55
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-fila-azul-iconos"></div>

Theme Dhisve Banner home trabajadoras

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#1C396B
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-banner1-trabajadoras"></div>

Theme Dhisve Caja Texo a Derecha

This is the body text of the theme.

Base
Foreground	#1C396B
Background	transparent
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333

Implementation


									<div class="theme theme-dhisve-caja-texto-dcha"></div>

Theme Dhisve Banner home foto colores

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#0068A7
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#0068A7
Border	#1C396B
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C
Secondary button hover
Foreground	#FFFFFF
Background	hsl(168,29, 77%, 40%)
Border	#18BC9C
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-banner1-home-foto-colores"></div>

Dhisve carrusel mas vendidos

This is the body text of the theme.

Base
Foreground	#1C396B
Background	transparent
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent
Focus outline	#CCCCCC

Implementation


									<div class="theme dhisve-carrusel-mas-vendidos"></div>

Base
Foreground	#FFFFFF
Background	#0068A7
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#3695C4
Border	#3695C4
Primary button hover
Foreground	#FFFFFF
Background	#18BC9C
Border	#18BC9C

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-footer"></div>

Dhisve fila azul iconos nosotros

This is the body text of the theme.

Base
Foreground	#FFFFFF
Background	#3695C4
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#1C396B
Border	#1C396B
Primary button hover
Foreground	#FFFFFF
Background	hsl(217,97, 59%, 40%)
Border	#1C396B

Secondary button
Foreground	#333333
Background	#7BBB55
Border	#7BBB55
Secondary button hover
Foreground	#333333
Background	hsl(97,65, 43%, 85%)
Border	#7BBB55
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-fila-azul-iconos-nosotros"></div>

Base
Foreground	#1C396B
Background	#F7F7F7
Border	#C4C4C4

Primary button
Foreground	#FFFFFF
Background	#333333
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	transparent
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-dhisve-facets"></div>

Base
Foreground	#262626
Background	#FFFFFF
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#262626
Border	#262626
Primary button hover
Foreground	#FFFFFF
Background	#545454
Border	#545454

Secondary button
Foreground	#1E1A33
Background	#FFFFFF
Border	#262626
Secondary button hover
Foreground	#1E1A33
Background	hsl(0, 0%, 85%)
Border	#262626

Implementation


									<div class="theme theme-dhisve-menu"></div>

Themes

Light

Light transparent

Dark transparent

Light gray

Gray border dhisve

Theme Dhisve Header

Dhisve forecolor blanco y bg celeste

Theme paletaupe - blog

Theme Dhisve General

Transparent

Dhisve forecolor celeste

Dhisve forecolor celeste y bg gris

Dhisve forecolor azul y bg gris

Theme Dhisve Banner home

Dhisve fila azul iconos

Theme Dhisve Banner home trabajadoras

Theme Dhisve Caja Texo a Derecha

Theme Dhisve Banner home foto colores

Dhisve carrusel mas vendidos

Theme Dhisve Footer

Dhisve fila azul iconos nosotros

Dhisve facets

Dhisve menu