O'Reilly logo

Ext JS 4 First Look by Loiane Groner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a new theme

Before we get started, we will compile the my-ext-theme.scss file with no changes, just to make sure everything is working correctly. Delete the file appName/resources/css/my-ext-theme.css.

Now, open the terminal application and change the folder to appName/resources/sass, and then type the command compass compile, as displayed in the following image:

Creating a new theme

Since the file appName/resources/css/my-ext-theme.css does not exist, it will be created.

Open the index.html file again and change the CSS file import to the following and reload the page:

<link rel="stylesheet" type="text/css" href="resources/css/my-ext-theme.css" />

The page should ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required