Color

Sidebar colours

Add class name to body

Gradient

orchid
cadetblue
joomla
influenza
moss
mirage
stellar
servquick

Flat

f-dark
f-dark-blue
f-blue
f-green
f-deep-taupe

use class namebg-*,bg-*-darken,bg-*-lighten,text-*,border-*

All bg-class, Apart from faded, all text color will change to white

of course you can overwirte with text-class

HiLink
こんにちは
你好
primary
HiLink
こんにちは
你好
info
HiLink
こんにちは
你好
danger
HiLink
こんにちは
你好
warning
HiLink
こんにちは
你好
success
HiLink
こんにちは
你好
purple
HiLink
こんにちは
你好
aqua
HiLink
こんにちは
你好
coral
HiLink
こんにちは
你好
brown
HiLink
こんにちは
你好
pink
HiLink
こんにちは
你好
red
HiLink
こんにちは
你好
inverse
HiLink
こんにちは
你好
dark
HiLink
こんにちは
你好
faded

Use opacity to make dynamic separate layout by class namebg-dark-opacity-*,bg-white-opacity-*

Mix custom background-color

Inline background-color

こん bg-dark-opacity-1
こん bg-dark-opacity-2
こん bg-dark-opacity-3
こん bg-dark-opacity-4
こん bg-dark-opacity-5
こん bg-dark-opacity-6
こん bg-dark-opacity-7
こん bg-dark-opacity-8
こん bg-dark-opacity-9
こん bg-dark-opacity-10
こん bg-dark-opacity-11
こん bg-dark-opacity-12
こん bg-dark-opacity-13
こん bg-dark-opacity-14
こん bg-dark-opacity-15
こん bg-dark-opacity-16
こん bg-dark-opacity-17
こん bg-dark-opacity-18
こん bg-dark-opacity-19
こん bg-dark-opacity-20
こん bg-dark-opacity-21
こん bg-dark-opacity-22
こん bg-dark-opacity-23
こん bg-dark-opacity-24
こん bg-dark-opacity-25
こん bg-dark-opacity-26
こん bg-dark-opacity-27
こん bg-dark-opacity-28
こん bg-dark-opacity-29
こん bg-dark-opacity-30
こん bg-dark-opacity-31
こん bg-dark-opacity-32
こん bg-dark-opacity-33
こん bg-dark-opacity-34
こん bg-dark-opacity-35
こん bg-dark-opacity-36
こん bg-dark-opacity-37
こん bg-dark-opacity-38
こん bg-dark-opacity-39
こん bg-dark-opacity-40
こん bg-dark-opacity-41
こん bg-dark-opacity-42
こん bg-dark-opacity-43
こん bg-dark-opacity-44
こん bg-dark-opacity-45
こん bg-dark-opacity-46
こん bg-dark-opacity-47
こん bg-dark-opacity-48
こん bg-dark-opacity-49
こん bg-dark-opacity-50
こん bg-dark-opacity-51
こん bg-dark-opacity-52
こん bg-dark-opacity-53
こん bg-dark-opacity-54
こん bg-dark-opacity-55
こん bg-dark-opacity-56
こん bg-dark-opacity-57
こん bg-dark-opacity-58
こん bg-dark-opacity-59
こん bg-dark-opacity-60
こん bg-dark-opacity-61
こん bg-dark-opacity-62
こん bg-dark-opacity-63
こん bg-dark-opacity-64
こん bg-dark-opacity-65
こん bg-dark-opacity-66
こん bg-dark-opacity-67
こん bg-dark-opacity-68
こん bg-dark-opacity-69
こん bg-dark-opacity-70
こん bg-dark-opacity-71
こん bg-dark-opacity-72
こん bg-dark-opacity-73
こん bg-dark-opacity-74
こん bg-dark-opacity-75
こん bg-dark-opacity-76
こん bg-dark-opacity-77
こん bg-dark-opacity-78
こん bg-dark-opacity-79
こん bg-dark-opacity-80
こん bg-dark-opacity-81
こん bg-dark-opacity-82
こん bg-dark-opacity-83
こん bg-dark-opacity-84
こん bg-dark-opacity-85
こん bg-dark-opacity-86
こん bg-dark-opacity-87
こん bg-dark-opacity-88
こん bg-dark-opacity-89
こん bg-dark-opacity-90
こん bg-dark-opacity-91
こん bg-dark-opacity-92
こん bg-dark-opacity-93
こん bg-dark-opacity-94
こん bg-dark-opacity-95
こん bg-dark-opacity-96
こん bg-dark-opacity-97
こん bg-dark-opacity-98
こん bg-white-opacity-1
こん bg-white-opacity-2
こん bg-white-opacity-3
こん bg-white-opacity-4
こん bg-white-opacity-5
こん bg-white-opacity-6
こん bg-white-opacity-7
こん bg-white-opacity-8
こん bg-white-opacity-9
こん bg-white-opacity-10
こん bg-white-opacity-11
こん bg-white-opacity-12
こん bg-white-opacity-13
こん bg-white-opacity-14
こん bg-white-opacity-15
こん bg-white-opacity-16
こん bg-white-opacity-17
こん bg-white-opacity-18
こん bg-white-opacity-19
こん bg-white-opacity-20
こん bg-white-opacity-21
こん bg-white-opacity-22
こん bg-white-opacity-23
こん bg-white-opacity-24
こん bg-white-opacity-25
こん bg-white-opacity-26
こん bg-white-opacity-27
こん bg-white-opacity-28
こん bg-white-opacity-29
こん bg-white-opacity-30
こん bg-white-opacity-31
こん bg-white-opacity-32
こん bg-white-opacity-33
こん bg-white-opacity-34
こん bg-white-opacity-35
こん bg-white-opacity-36
こん bg-white-opacity-37
こん bg-white-opacity-38
こん bg-white-opacity-39
こん bg-white-opacity-40
こん bg-white-opacity-41
こん bg-white-opacity-42
こん bg-white-opacity-43
こん bg-white-opacity-44
こん bg-white-opacity-45
こん bg-white-opacity-46
こん bg-white-opacity-47
こん bg-white-opacity-48
こん bg-white-opacity-49
こん bg-white-opacity-50
こん bg-white-opacity-51
こん bg-white-opacity-52
こん bg-white-opacity-53
こん bg-white-opacity-54
こん bg-white-opacity-55
こん bg-white-opacity-56
こん bg-white-opacity-57
こん bg-white-opacity-58
こん bg-white-opacity-59
こん bg-white-opacity-60
こん bg-white-opacity-61
こん bg-white-opacity-62
こん bg-white-opacity-63
こん bg-white-opacity-64
こん bg-white-opacity-65
こん bg-white-opacity-66
こん bg-white-opacity-67
こん bg-white-opacity-68
こん bg-white-opacity-69
こん bg-white-opacity-70
こん bg-white-opacity-71
こん bg-white-opacity-72
こん bg-white-opacity-73
こん bg-white-opacity-74
こん bg-white-opacity-75
こん bg-white-opacity-76
こん bg-white-opacity-77
こん bg-white-opacity-78
こん bg-white-opacity-79
こん bg-white-opacity-80
こん bg-white-opacity-81
こん bg-white-opacity-82
こん bg-white-opacity-83
こん bg-white-opacity-84
こん bg-white-opacity-85
こん bg-white-opacity-86
こん bg-white-opacity-87
こん bg-white-opacity-88
こん bg-white-opacity-89
こん bg-white-opacity-90
こん bg-white-opacity-91
こん bg-white-opacity-92
こん bg-white-opacity-93
こん bg-white-opacity-94
こん bg-white-opacity-95
こん bg-white-opacity-96
こん bg-white-opacity-97
こん bg-white-opacity-98