Custom Colors

[andysteel]

Is There any tutorial on how to change the theme colors ?

[nauvalazhar]

Please check the _variables.scss file located in the sources/scss folder.

[brianwachira]

I haven't worked with SCSS before. Anyway I have gone through the content and I have seen that sources/scss/override/_variable.scss has the main colors. I have tried changing the colors but nothing seems to change. After coming to this issue, I have realized I need to compile the scss files after changing. How do I do that? and after compiling, now that there are other css files, how will it reflect there?

[brianwachira]

I haven't worked with SCSS before. Anyway I have gone through the content and I have seen that sources/scss/override/_variable.scss has the main colors. I have tried changing the colors but nothing seems to change. After coming to this issue, I have realized I need to compile the scss files after changing. How do I do that? and after compiling, now that there are other css files, how will it reflect there?

Update : I am following this tutorial. Let's see how it goes

[brianwachira]

Please check the _variables.scss file located in the sources/scss folder.

Is there a way to use linear-gradient( ) in variables.scss? I keep getting the error

Error: argument $coloroflighten($color, $amount)must be a color\n on line 32 of scss/_variable.scss, in functionlighten\n from line 32 of scss/_variable.scss, in function color_lighten\n from line 79 of scss/_mixin.scss, in mixin form-control\n from line 5 of scss/override/_form.scss\n from line 63 of scss/style.scss\n>> \t@return lighten(map-get($colors, $key), $amount);\n\n

I have searched for an understandable solution on the net but I haven't found any.
Currently I am resorting to copy pasting all the styles in component and styles.css and overwriting them to custom.css . I kinda feel it isn't an efficient solution hence kindly give me pointers into this

[zuramai]

@brianwachira you should apply the linear gradient directly to the class. The Bootstrap's variables will be passed into mixin that is only can process a color, not linear-gradient.