Layouts Background
Atlantis Bootstrap The dashboard has customizable layouts
Atlantis has layout sections whose background color can be customized.
Background Color
Change the color by adding attr data-background-color="[color]" .
For Body's Background the color options are White, Grey ($grey2-color and $grey-color).
White
data-background-color="bg2"
Grey 1
data-background-color="bg1"
Grey2
data-background-color="bg3"
Or you can use data-background-full="[color]", so that the dashboard background is full. You can also make the dashboard background full using the background image by adding attr data-background-full="image" data-image="[url image]".
For .logo-header , .navbar-header the color options are Dark, Blue, Purple, Light-Blue, Orange, Green, Red.
If you want to keep white then there is no need to add attr .data-background-color
Dark
data-background-color="dark"
Dark 2
data-background-color="dark2"
Blue
data-background-color="blue"
Blue 2
data-background-color="blue2"
Purple
data-background-color="purple"
Purple 2
data-background-color="purple2"
Light Blue
data-background-color="purple"
Light Blue 2
data-background-color="light-blue2"
Orange
data-background-color="orange"
Orange 2
data-background-color="orange2"
Green
data-background-color="green"
Green 2
data-background-color="green2"
Red
data-background-color="red"
Red 2
data-background-color="red2"
You can also use custom color or use background images by adding attr data-background-color="custom"
Custom Color
data-background-color="custom" custom-color="#1f1e2e"
Custom Image Background
data-background-color="custom" custom-background="../../assets/img/bg_gradient2.png"