Customization

Use Bootstrap Rev’s CSS variables to costomize your the website color pallet in a faster way. It is easy to edit and the user can get the desired website themes free.

Root Variables

Use :root in your css file to override color pallet of bootstrap rev.

  • --primarycolor is a variable. The user can use hex color code or rgb color code to change the theme color. It is used to change the main color of the website.
  • --secondarycolor is used to change the secondary color of the website. A similar hex shading code or rgb shading code is used here.
  • --gradientprimary is the gradient color for primary color. One can alter or change the shade of the gradient on the off chance that they are utilizing it on their site.
  • --gradientsecondary is the gradient color for secondary color.

Note: Gradient is always set to 45 degrees.

To change the theme color, a user can use the above variables by copying and pasting the code.

:root {
    --primarycolor: rgb(242,40,129); /*Primary Color*/
    --secondarycolor: rgb(242,40,129); /*Secondary Color*/
    --gradientprimary: rgba(242,40,129,1); /*Graient color One - In case you want to have different gradient else use the same color code of primary color*/
    --gradientsecondary: rgba(169,39,140,1); /*Graient color Two - In case you want to have different gradient else use the same color code of Secondary color*/
}