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"

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"