How to extend Bootstrap color classes [closed]

Question

I am using Bootstrap 3.3.0 on my site.

The one thing I run into is that their contextual classes of primary, info, success, warning and danger can be limiting.

For instance, I have an app that is going to require several other colors such as purple, yellow and possibly some hues in between primary and info.

Now, before I start rolling my own color-wheel .css file, I would like to know if there is already and known Bootstrap extension on contextual classes.

Then this would integrate into the existing color scheme just perfectly.

Thank you!

EDIT

So far nobody has answered this post...

Well, for those that want to help not only myself but many others who have gone "Jeez... I really wish I had a 'yellow' color or a 'brown' color or a 'purple' color..." when using Bootstrap, I invite any color-savvy person to scientifically come up with an extension that would extend these color classes.

It shouldn't be that difficult - but there is a science to color-codification (of which I am not particularly trained in) and if it is to be a proper extension, then it should be done per these standards so that others may use it too.

Answer 1

Actually, I think Bootstrap provide us five contextual colors by default and it will never be enough for every website since each of them has different design lead to the different color scheme. What I can suggest you is to.

1. Visit http://clrs.cc/ to see some color might be useful.
2. Learn SCSS and the way it controls the color by using lighten and darken, or mix. Meaning you define some default popular colors and use these function to utilize it without define a lot of new colors. Check this article