
Navigation
Theme components
Form components
Apps
Documentation
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
How do I change the page background color?
Background colors can be changed in the styles/layouts
folder
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
How do I change the navbar colors?
Navbar colors can be changed in the styles/navbars/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
How do I change the top page jumbotron color?
The top page jumbotron colors can be changed in the styles/jumbotron/jumbotron-1.scss
file
How do I change the left sidebar color?
Left sidebar colors can be changed in the styles/left-sidebars/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
How do I change the right sidebar color?
The right sidebar colors can be changed in the styles/right-sidebars/right-sidebar-1.scss
file
How can I add a new navbar color palette to the template?
gulp
and running the gulp serve
taskstyles/palettes/_navbar.scss
file and add you new palette to the $navbar-palettes
listdata-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
colorHow can I add a new sidebar color palette to the template?
gulp
and running the gulp serve
taskstyles/palettes/_sidebar.scss
file and add you new palette to the $sidebar-palettes
listdata-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