Search code examples
extjs4.2sencha-architectsencha-touch-themingsencha-touch-2.3

sencha touch: I could not theme Sencha Touch / ExtJS application


I am developing a sencha touch application using sencha architect. I have to change the background color, font color, font-family and icons according my company's standard in the app.

I tried to create SASS file
@import 'sencha-touch/base'; @import 'sencha-touch/base/all'; $myapp-font-family:"Arial"; $myapp-gray:'#707070'; .x-body{ font-family:$myapp-font-family; background-color:myapp-gray; } .x-panel{ background-color:$myapp-gray; }

It is not working / reflecting.

Question: how can we theme application. How can we use sass and css altogether in the app. I would like to know the same for ExtJS also.

--Sridhar


Solution

  • If you're already using Sencha Architect, theming is built right in if you're using the latest version. See this post from the Sencha blog.