Themes

Take full control of all the colors

HMB_Soft_Stone

This is the body text of the theme.

Base
Foreground
#F7F7F8
Achtergrond
#E7E3E3
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#E7E3E3
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(0, 8%, 85%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#E7E3E3
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(0, 8%, 85%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-soft-stone"></div>

HMB_Dark_Grey

This is the body text of the theme.

Base
Foreground
#F7F7F8
Achtergrond
#303032
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-dark-grey"></div>

HMB_Aged_Greyn

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#C5CAC4
Accent
currentColor
Border
transparent
Primary button
Foreground
#FFFAFA
Achtergrond
#303032
Border
transparent
Primary button hover
Foreground
#FFFAFA
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Secondary button
Foreground
#FFFAFA
Achtergrond
#303032
Border
transparent
Secondary button hover
Foreground
#FFFAFA
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-aged-greyn"></div>

HMB_Light_Grey_Background

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#F7F7F8
Accent
currentColor
Border
transparent
Primary button
Foreground
#303032
Achtergrond
#F7F7F8
Border
transparent
Primary button hover
Foreground
#303032
Achtergrond
hsl(240, 7%, 85%)
Border
transparent
Secondary button
Foreground
#303032
Achtergrond
#F7F7F8
Border
transparent
Secondary button hover
Foreground
#303032
Achtergrond
hsl(240, 7%, 85%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-light-grey-background"></div>

HMB_Pale_Blue

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#D6DEE4
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-pale-blue"></div>

HMB_Steel_Blue

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#8EA3B4
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-steel-blue"></div>

HMB_Soft_Stone_Dark

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#E7E3E3
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-soft-stone-dark"></div>

HMB_Light_Sand

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#F9F1E6
Accent
currentColor
Border
transparent
Primary button
Foreground
#303032
Achtergrond
#F9F1E6
Border
transparent
Primary button hover
Foreground
#303032
Achtergrond
hsl(34,74, 61%, 85%)
Border
transparent
Secondary button
Foreground
#303032
Achtergrond
#F9F1E6
Border
transparent
Secondary button hover
Foreground
#303032
Achtergrond
hsl(34,74, 61%, 85%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-light-sand"></div>

HMB_Pale_Blue_On_Image

This is the body text of the theme.

Base
Foreground
#FFFFFF
Achtergrond
transparent
Accent
currentColor
Border
transparent
Primary button
Foreground
#303032
Achtergrond
#D6DEE4
Border
transparent
Primary button hover
Foreground
#303032
Achtergrond
#8EA3B4
Border
#303032
Secondary button
Foreground
#303032
Achtergrond
#D6DEE4
Border
#303032
Secondary button hover
Foreground
#303032
Achtergrond
#8EA3B4
Border
#303032
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-pale-blue-on-image"></div>

HMB_Soft_Stone_With_Black_Font_Color

This is the body text of the theme.

Base
Foreground
#323232
Achtergrond
#E7E3E3
Accent
currentColor
Border
transparent
Primary button
Foreground
#323232
Achtergrond
#E7E3E3
Border
transparent
Primary button hover
Foreground
#323232
Achtergrond
hsl(0, 8%, 85%)
Border
transparent
Secondary button
Foreground
#323232
Achtergrond
#E7E3E3
Border
transparent
Secondary button hover
Foreground
#323232
Achtergrond
hsl(0, 8%, 85%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-soft-stone-with-black-font-color"></div>

HMB_White

This is the body text of the theme.

Base
Foreground
#323232
Achtergrond
#FFFFFF
Accent
currentColor
Border
transparent
Primary button
Foreground
#323232
Achtergrond
#FFFFFF
Border
transparent
Primary button hover
Foreground
#323232
Achtergrond
hsl(0, 0%, 85%)
Border
transparent
Secondary button
Foreground
#323232
Achtergrond
#FFFFFF
Border
transparent
Secondary button hover
Foreground
#323232
Achtergrond
hsl(0, 0%, 85%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-white"></div>

HMB_Light_Sand_Dark_Buttons

This is the body text of the theme.

Base
Foreground
#303032
Achtergrond
#F9F1E6
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#303032
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(240, 2%, 40%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-light-sand-dark-buttons"></div>

HMB_Soft_Stone_Vic

This is the body text of the theme.

Base
Foreground
#F81919
Achtergrond
#F7F7F8
Accent
currentColor
Border
transparent
Primary button
Foreground
#F7F7F8
Achtergrond
#E7E3E3
Border
transparent
Primary button hover
Foreground
#F7F7F8
Achtergrond
hsl(0, 8%, 85%)
Border
transparent
Secondary button
Foreground
#F7F7F8
Achtergrond
#E7E3E3
Border
transparent
Secondary button hover
Foreground
#F7F7F8
Achtergrond
hsl(0, 8%, 85%)
Border
transparent
Focus outline
#CCCCCC
Link button
Link color
currentColor
Link button hover
Link hover color
currentColor
Focus outline
#CCCCCC
Implementation
<div class="theme theme-hmb-soft-stone-vic"></div>