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>

Dhisve facets

This is the body text of the theme.

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>

Dhisve menu

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 theme-dhisve-menu"></div>

Al hacer clic en 'Aceptar todo', acepta que podemos recopilar información sobre usted para diversos fines, que incluyen: funcionalidad, estadísticas y marketing