Themes

Take full control of all the colors

HMB_Soft_Stone

This is the body text of the theme.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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.

This is the accent color 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>

HMB_Light_Grey_Background_copy

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#303032
Achtergrond	#F7F7F8
Accent	#333333
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	transparent
Secondary button hover
Foreground	#303032
Achtergrond	hsl(205,71, 21%, 85%)
Border	transparent
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-hmb-light-grey-background_copy"></div>