Change sidebar background color - Githubissues

creativetimofficial / ct-paper-dashboard-pro

Paper Dashboard PRO

6 stars 2 forks source link

Change sidebar background color #6

Closed dragosct closed 6 years ago

dragosct commented 7 years ago

Hi! If you want to change the sidebar background color with another color that it's not used in Paper Dashboard Pro you have you to follow the steps:

First go in assets/sass/paper/_variables.scss and declare your background color variable and the variable for the text of the sidebar. For example:
```
$red-background-color: #ff0000;
$white-color: #ffffff;
```
Go to the project in assets/sass/paper/_sidebar-and-main-panel.scss and you have to add inside of the classes .sidebar, .off-canvas-sidebar the following lines of code:

.sidebar,
.off-canvas-sidebar{
     &[data-background-color="red"]{
            @include sidebar-background-color($red-background-color, $white-color);
     }
}

After you do that please compile your scss with Koala and be sure that your output path is assets/css/paper-dashboard.css.

Regards, Dragos