Best (and correct) way to override color on SCSS


#1

Hello!

Currently i’m learning Ionic to create my 2nd app to connect with WordPress API following V2B steps, the start guide is very simple and easy to use.

I’m start a “tabs” app, but i need modify “balanced” colors overriding SCSS, the instruction says:

To customize the look and feel of Ionic, you can override the variables
in ionic’s _variables.scss file.

Ok, i understand this: Go to _variables.scss file and open it, then edit $balanced (i need to change this color) and change HEX code (for example: #000) then save it.

I’m using Ubuntu 14.04, i install Ruby and Sass, to edit the SCSS i’m using Sublime Text 3 with Compass to build the SCSS file. But the changes not work.

Is this correct steps?

In advance, thank you so much!


#2

I’m looking into the same thing myself.

According to one of Ionic team members this works in V1 only if you have the V1 CLI, if you have V2 CLI (like if you installed it like npm install -g ionic@beta) this doesn’t work and you need to do a few more things.

Trying to figure this out today to update an app already in GPlay :stuck_out_tongue: