View Full Version : Specify Theme in Architect 2

19 Apr 2012, 2:51 PM
How can I specify which theme to use when creating an app in Architect 2?

19 Apr 2012, 4:31 PM
There doesn't seem to be a way to specify a theme directly in Architect2.

HOWEVER, Extjs and Touch have powerful theming tools via SASS.

Here are a few resources:
Sencha Touch Theming:
Sencha Extjs:


Hope that helps...

20 Apr 2012, 8:02 AM
Thanks Peter - I'm liking what I see with the SASS markup.

I'm new to ExtJS / Architect and after watching some of the videos and reading the promo stuff it sure seemed that Architect was a lot more than it is. I know custom theming can be done but to require it to be done after-the-fact rather than during layout/design. All I want to do is change from the blue default theme to the gray WHILE I'm doing the design work in Architect.

Anyone on the Sencha team know when this will be possible?

20 Apr 2012, 9:17 AM
Once you have your project set up, create a separate app.html that uses your own css.
Save project - switch to browser - refresh.
It is a simple and easy workaround.

The difficulty is not blue vs grey.
Once you have customized fonts and sizes, getting the layout right is harder: what you position in the designer actually needs/uses more/less real estate.

I was initially bothered by this but so far it's not really a problem.

Forget WYSIWYG for the moment. Haven't really missed it yet.

25 Jun 2012, 11:35 AM
Once you have your project set up, create a separate app.html that uses your own css.

I'm guessing this has to be a different name, i.e. index.html so that Architect doesn't overwrite every time you do a save?