The first task we will perform in this chapter is customizing a theme for our project. To do so, we will use Sencha Cmd and the terminal application of the operating system.
Ext JS 4.2 introduces new ways of customizing themes compared to previous Ext JS 4 versions. Sencha Cmd now has the capability to generate the complete file structure we need to create a brand new theme. We will do an overview of this new way of customizing themes.
So let's create a new theme step by step. First, with the terminal opened, change the directory to the project's root folder. Then, we will use the following command:
sencha generate theme masteringextjs-theme
The name of our theme is masteringextjs-theme
. This command will create a new directory with the name of our theme inside the packages
folder as shown in the following screenshot:
The package.json
file contains some configurations of the theme used by Sencha Cmd, such as theme name, version, and dependencies.