App.variables.scss question

Ionic Framework ionic-v3
1

Hi,

What I understood is if I want to modify the $colors list, I can update it in that file.

I added new colors:

$colors: (
  primary:    #387ef5,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  favorite:   #69BB7B,
  royal:      #552bdf
  energized:  #d39211, 
  green:      #498f24, 
  assertive:  #e42012, 
  calm:       #1aacc3
);

but even if my gulp sass watch is on and seems to work, I still can’t use my new color in my application. It always takes the light one.

What am I missing or don’t understand?

Thanks

2

Nop, gulp works, but the sass file is overriding the wrong variables, you should override $colors-md and $colors-ios, was thinking in make a pull request to fix this.

$colors-md are usually the ones in browser and android.

3

Will be fixed in the next release by this:

https://github.com/driftyco/ionic2/commit/a801a09991121b4caa2910a117cc05288b89788c

5

Just added the fixed from adam and it worked!

Coool! :slight_smile: