How to change default css for projects generated by sencha command?

[M_D]

I followed the ST 2.0 getting started guide and generated a new project structure. However the created app.css was generated with a default sencha touch style (sencha-touch.css?).
Is it possible to generate projects with the apple style by default? Or how can the app.css be easily updated to the apple style after project generation?

[mseeber]

You would normally style your App using the app.scss file in ./resources/sass/app.scss and compile this file with compass. This will update the css file. You may also have a look at the "Theming" topic in the documentation.

[leaninonlife]

When using compass compile on app.scss, there are no changes reflected on my recently built app using sencha cmd. What am I missing here?

[nix_v2]

Sencha already comes with an apple(ios), android and blackberry css file, this files are located in:


"yourProyect"/sdk/resources/css/


And to load the css in your proyect you need to modify your "app.json" file (is located in your proyect root folder). around line 58

"css": [
        {
            "path": "resources/css/app.css", // here you chanch the relative path to the app.json file, in your case you need something like "sdk/resources/css/apple.css"
            "update": "delta"
        }
    ],

that should do the trick...