Background Color

Info Color

.bg-info

#1E9FF2

#40ADF4

Info Lighten 1

.bg-info.bg-lighten-1

#62BCF6

Info Lighten 2

.bg-info.bg-lighten-2

#8FCFF9

Info Lighten 3

.bg-info.bg-lighten-3

#BCE2FB

Info Lighten 4

.bg-info.bg-lighten-4

#1A97F0

Info Darken 4

.bg-info.bg-darken-1

#168DEE

Info Darken 2

.bg-info.bg-darken-2

#1283EC

Info Darken 3

.bg-info.bg-darken-3

#0A72E8

Info Darken 4

.bg-info.bg-darken-4

#EFF5FF

Info Accent 4

.bg-info.bg-accent-1

#DFECFF

Info Accent 2

.bg-info.bg-accent-2

#ACCFFF

Info Accent 3

.bg-info.bg-accent-3

#92C0FF

Info Accent 4

.bg-info.bg-accent-4

Info Border Color

Info Color

.border-info

#1E9FF2

#40ADF4

Info Lighten 1

.border-info.border-lighten-1

#62BCF6

Info Lighten 2

.border-info.border-lighten-2

#8FCFF9

Info Lighten 3

.border-info.border-lighten-3

#BCE2FB

Info Lighten 4

.border-info.border-lighten-4

#1A97F0

Info Darken 1

.border-info.border-darken-1

#168DEE

Info Darken 2

.border-info.border-darken-2

#1283EC

Info Darken 3

.border-info.border-darken-3

#0A72E8

Info Darken 4

.border-info.border-darken-4

#EFF5FF

Info Accent 1

.border-info.border-accent-1

#DFECFF

Info Accent 2

.border-info.border-accent-2

#ACCFFF

Info Accent 3

.border-info.border-accent-3

#92C0FF

Info Accent 4

.border-info.border-accent-4

Text Color

Info Color

.info

#1E9FF2

#40ADF4

Info Lighten 1

.info.lighten-1

#62BCF6

Info Lighten 2

.info.lighten-2

#8FCFF9

Info Lighten 3

.info.lighten-3

#BCE2FB

Info Lighten 4

.info.lighten-4

#1A97F0

Info Darken 1

.info.darken-1

#168DEE

Info Darken 2

.info.darken-2

#1283EC

Info Darken 3

.info.darken-3

#0A72E8

Info Darken 4

.info.darken-4

#EFF5FF

Info Accent 1

.info.accent-1

#DFECFF

Info Accent 2

.info.accent-2

#ACCFFF

Info Accent 3

.info.accent-3

#92C0FF

Info Accent 4

.info.accent-4

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder