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