1. Where can I find the colors available in the template?

    For background colors go to the background colors page in the color system section at this url

    For text colors go to the text colors page in the color system section at this url

  2. How do I change the page background color?

    Background colors can be changed in the styles/layouts folder

  3. How do I change the text color?

    Text colors can be changed in the styles/global.scss file and also in the styles/layouts folder

  4. How do I change the navbar colors?

    Navbar colors can be changed in the styles/elements/navbar-1.scss file. Also, every page has a data-navbar attribute in the <body> tag. If you want to change to navbar style for the page you have to set the data-navbar attribute to a value that matches any of the navbar palettes available, which can be found in the styles/palettes/_navbar.scss file

  5. How do I change the top page jumbotron color?

    The top page jumbotron colors can be changed in the styles/elements/jumbotron-1.scss file

  6. How do I change the left sidebar color?

    Left sidebar colors can be changed in the styles/elements/left-sidebar-1.scss file. Also, every page has a data-sidebar attribute in the <body> tag. If you want to change to left sidebar style for the page you have to set the data-sidebar attribute to a value that matches any of the sidebar palettes available, which can be found in the styles/palettes/_sidebar.scss file

  7. How do I change the right sidebar color?

    The right sidebar colors can be changed in the styles/elements/right-sidebar-1.scss file

  8. How can I add a new navbar color palette to the template?

    1. First make sure you are using gulp and running the gulp serve task
    2. Then open the styles/palettes/_navbar.scss file and add you new palette to the $navbar-palettes list
    3. Every page has a data-navbar attribute in the <body> tag. If you want to use your new navbar color then you need to change this attribute to match the name of you new color
  9. How can I add a new sidebar color palette to the template?

    1. First make sure you are using gulp and running the gulp serve task
    2. Then open the styles/palettes/_sidebar.scss file and add you new palette to the $sidebar-palettes list
    3. Every page has a data-sidebar attribute in the <body> tag. If you want to use your new sidebar color then you need to change this attribute to match the name of you new color