How to get the gray theme after build?!?

[tangix]

Right off the bat - I have no clue what I am doing in Sencha Cmd. All I want is to get my Sencha Architect project to compile into a single JS-file. I have pieced together all the morsels of information in the forums and the docs and actually managed to get the project through Sencha Cmd and got a working single js.

However - I am using the gray theme and after the build the resulting theme is the default (blue). I have tried including the gray theme into app.css (both before and after the ext-all.css) but with no luck.

Question: is there a way to get a nicely sliced theme for gray or should I be happy with the single js of the project and include the standard CSS...?

Clearly clueless,
/Mattias

[Fredric Berling]

Two steps must be done

1. Edit .sencha/app/sencha.cfg file. Change the property app.theme

2. Edit app.json file and change the requires config to reflect you wanted theme.

3. execute the sencha app build command.

the bootstrap.css will point to the build you built last.

[tangix]

Tjena Fredric,
thanks for your reply.
As you stated this goes for Sencha Cmd 3.1... I am still on ExtJS 4.1.3 and the latest beta of Cmd is not compatible with 4.1.3 so I guess I'll have to wait for next beta to be released.

Cheers,
/Mattias

[svenna]

Have not used the themes by self, but I think you can use the "sencha theme build" command in Cmd 3.0 (the command is removed in 3.1)

http://docs.sencha.com/ext-js/4-1/#!.../command_theme

[tangix]

Thanks - still can't wrap my head around this - too much magic involved. Regardless of what I build (I see that the images from the gray theme is included) it still turns out blue.
I don't see why I should need to build a completely separate theme - the gray is an official part of ExtJS...

I'll include the standard gray CSS and let it be for the moment - you have to pick your fights..

[scottw]

I am using ExtJS 4.1.3 and Sencha Cmd 3.0.2. I experienced the same problem. This is an answer that I got from Sencha support that worked for me:

Within the the base directory of your application there is a .sencha folder.
You will have to edit the build-impl.xml file located at YOURAPP/.sencha/app folder.
Change line 217 of buld-impl.xml file from:

<attribute name="basetheme" default="default"/>

to

<attribute name="basetheme" default="gray"/>