How to change color swatches in Flat UI, a Twitter Bootstrap

Question

I've never used color swatches on a website before, and was looking for advice.

I just purchased http://designmodo.com/flat/. I want to change the default color pattern to one of the swatches. It sounds like it's a simple process, but I don't know where to look.

Can someone tell me how to change swatch colors? Maybe the process is similar as within Twtiter Bootstrap

fehrlich · Accepted Answer · 2015-03-12T12:56:38.363

2

There is a /less folder where you can find a "variables.less". There you can do your configuration. Then you need to compile it.

http://lesscss.org/

Or you use an IDE like Netbeans that can compile LESS files.

edited Mar 12 '15 at 12:56

answered Aug 16 '13 at 11:22

fehrlich

2,497
2
26
44

thanks! It was the first time I touched lesscss. Amazing stuff! – catchmikey Sep 04 '13 at 09:47
2

It seems that on FlatUI 1.2.1 the file you have to edit is variables.less as there is no config.less – tomor Oct 04 '13 at 16:15
@tomor: How does one change the entire theme color of the UI kit? – Ali Gajani Mar 09 '15 at 21:27
thx i changed the filenam, @ Ali Gajani: look in the files and change the colors under the "// Brand colors" section – fehrlich Mar 12 '15 at 12:58

How to change color swatches in Flat UI, a Twitter Bootstrap

1 Answers1