[CLOSED] Best way to theme your app?

[jchau]

What's the best way to theme your application if you want to override things like default font, grid colors, etc? We been using just CSS overrides, but every time we get latest, our CSS overrides will break because ExtJS changed a css class name or added new ones or changed the way markup is generated.

Should we not use the css outputed by ResourceManager and use Compass to build the ExtJS source css files?

[Daniil]

Hi @jchau,

Yes, I think the best option for now is to master SASS.
http://docs.sencha.com/extjs/4.2.1/#!/guide/theming
http://docs.sencha.com/extjs/4.2.1/#!/video/19159630

It should let you avoid such issues (changes in CSS class names and markup) as much as it possible.

[jchau]

Hi @jchau,

Yes, I think the best option for now is to master SASS.
http://docs.sencha.com/extjs/4.2.1/#!/guide/theming
http://docs.sencha.com/extjs/4.2.1/#!/video/19159630

It should let you avoid such issues (changes in CSS class names and markup) as much as it possible.

But I would have to output my own css instead of the embedded one right?

[Baidaly]

Hello!

I think the following thread will be helpful: http://forums.ext.net/showthread.php?25098

[Daniil]

But I would have to output my own css instead of the embedded one right?

Yes, that is right. You can reference a custom theme by a ResourceManager's ThemePath.