topic The simplest way to override in Software Archive

Changing default ionic colors? (SASS/LESS)

Bülent_Ö_ — Fri, 23 Oct 2015 02:18:52 GMT

Hi,

I'm pretty new to mobile development and Intel XDK. I used to use Bootstrap and LESS for my web projects in the past years.

To start with, I've chosen ionic/angularjs environment and started to learn. I have lots of problems with the XDK implementation when I don't use the App Designer, but I'm working on it.

My current question is about changing the default colors of ionic (positive, balanced, etc). I could not find any SASS or LESS document where these are defined (a version of default _variables.sass file in ionic). There are only the ionic(.min).css files.

What is the correct method for changing these colors in a LESS manner (as far as I can see XDK uses LESS). Even, how can I implement different skins in my project?

Thanks in advance...

The simplest way to override

PaulF_IntelCorp — Fri, 23 Oct 2015 21:18:26 GMT

The simplest way to override the CSS that App Designer uses is to define additional CSS rules that augment the default rules and either assign them as !important or make them more "specific" using standard CSS cascading rules. If you are using LESS, you should set the resulting CSS file that you generate to be the last one imported in the index.html file. You can safely add lines in the head section of the index.html file and it will not disrupt your App Designer code in the body section.

Thanks a lot Paul, this

Bülent_Ö_ — Sun, 25 Oct 2015 03:15:10 GMT

Thanks a lot Paul, this clarifies my suspects :( Way to go "blue" :)

Hello,

Henrique_M_1 — Thu, 16 Jun 2016 17:50:15 GMT

Hello,

Could someone post a quick recipe on how to do this?