CODEWITHSUNDEEP
twitter-bootstrapcss-spritesbootswatch
Wolfram Arnold
Wolfram Arnold

Reputation: 7273

How can I make Bootstrap icons work on dark background?

I'm using the Bootswatch Cyborg theme of Twitter's Bootstrap library. However, the Cyborg theme has a dark background and light foreground colors, a negative look from the Bootstrap defaults. The icon set PNG assumes a light background, and doesn't show in the Cyborg theme. Is there a corresponding icon set for dark backgrounds? I couldn't find one on Glyphicons' site. Is there an easy trick to turn the icons into the negative color?

Upvotes: 8

Views: 11636

Answers (1)

guax
guax

Reputation: 382

Add icon-white class to your bootstrap icon and it will be white on dark.

like:

<i class="icon-search icon-white"></i>

This works for Bootstrap 2 as seen in http://twitter.github.com/bootstrap/base-css.html

Upvotes: 17

Related Questions