Themes

Take full control of all the colors

Base
Foreground	#FFFFFF
Background	#3E3E3E
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme light

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme whitetext

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#26306A
Accent	currentColor
Border	transparent

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

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

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme bluetext

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#26306A
Background	#FFFFFF
Accent	currentColor
Border	transparent

Primary button
Foreground	#26306A
Background	#FFFFFF
Border	#26306A
Primary button hover
Foreground	#FFFFFF
Background	#26306A
Border	#26306A

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme grey with bluetext

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#26306A
Background	#F2F3F5
Accent	currentColor
Border	transparent

Primary button
Foreground	#26306A
Background	#F2F3F5
Border	#26306A
Primary button hover
Foreground	#F2F3F5
Background	#26306A
Border	#26306A

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
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-themegreywithbluetext"></div>

Theme grey with blacktext

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#F2F3F5
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
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-themegreywithblacktext"></div>

Theme black

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#000000
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Rainbow

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#A30AC2
Background	#FF4F7E
Accent	currentColor
Border	#392BFF

Primary button
Foreground	#369C3A
Background	#34EBF0
Border	#FF2908
Primary button hover
Foreground	#F5853B
Background	#E1ED3E
Border	#B8B8B8

Secondary button
Foreground	#D7A4ED
Background	#9BCCA3
Border	#FFBFC8
Secondary button hover
Foreground	#333333
Background	#6C8F72
Border	#415745

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme lightwithborder

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	currentColor
Border	#FF195E

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme lightwithborder2

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	currentColor
Border	transparent

Primary button
Foreground	#000000
Background	#FFFFFF
Border	#000000
Primary button hover
Foreground	#FFFFFF
Background	#333333
Border	#000000

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme green

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#40573C
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#495B70
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Theme sand

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#87763D
Accent	currentColor
Border	transparent

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

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#333333
Background	#CCCCCC
Border	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementation


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

Themes

Theme banner

Theme light

Theme whitetext

Theme bluetext

Theme grey with bluetext

Theme grey with blacktext

Theme black

Rainbow

Theme lightwithborder

Theme lightwithborder2

Theme green

Theme blue

Theme sand