Overriding Variables

[petehamilton]

How would I go about customizing the framework color themes?

In the less files you can modify the variables for colours etc, however I'm not sure how to make that work here.

[reflection]

Hi Peter,

This would be a great feature (create a rails generator that installs the assets into your app/assets directories for customization). I will work on this when I'm not so crunched with other projects.

For now, you can edit the asset files that were copied into the gem directory itself. An example (using rvm here to find the gem directory, tailor to your own environment):

Samuels-MacBook-Pro:gv-admin reflection$ rvm gemset list

gemsets for ruby-2.0.0-p247 (found in /Users/reflection/.rvm/gems/ruby-2.0.0-p247)
=> (default)
   global

Samuels-MacBook-Pro:~ reflection$ cd /Users/reflection/.rvm/gems/ruby-2.0.0-p247/gems/designmodo-flatuipro-rails-1.1.1/vendor/assets
Samuels-MacBook-Pro:assets reflection$ ls
fonts       images      javascripts less

[mlainez]

Hi,

I would not recommend changing the config.less in the gem files. Here's a another way to do this.

First, open flatuipro.less which should be located in your assets directory. Replace the following line

@import "flat-ui";

with the content of the flat-ui.less that you can find in the Flat UI Pro folder you downloaded after your purchase. The file should be located in UI/less You should end up with a full list of imports with all flat ui modules. It's up to you to remove some modules if you know you don't need them.

Create a new less file in your assets directory called, flatuipro_config.less for instance, it can be any name you want of course. In that file, you need to copy-paste the content of another file you should find in you Flat Ui Pro downloaded folder at UI/less/config.less

Once you've got flatuipro.less with all imports and your personal flatuipro_config.less file in place in your app assets folder, you can simply wire things together by changing, in flatuipro.less

// @import "config";
@import "flatuipro_config";
// (you personal config file name)

Now you can customize anything you want in flatuipro_config.

Not ideal, but it's less intrusive than going in a gem to modify a bunch of files.

Hope this helps.

[alagram]

@mlainez your suggestion is perfect. It works. Thank you!