#### Layouts Background

Kaiadmin 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"`