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.
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*/
}