Where to get themes for ExtJS 4

[dobberph]

Hi all,

can anyone tell me, where I can find themes for Ext4 ? The provided 3 "normal" themes are good, but boring.

Thanks,
dobberph

[burnnat]

If you don't mind price, you could look at http://www.extthemes.com/.

[lorezyra]

Or, if (like me) you have more time than money... You could create your own...



See how Sencha does it:

http://www.sencha.com/learn/theming-...s-and-compass/

http://vimeo.com/19159630

Then use the <EXTjs_folder>/examples/themes/index.html file to preview your designed theme...

[dobberph]

Hm, ok.

I'll try it.

Thanks,
dobberph

[tobiu]

In 4.1 there is the (modified) Neptune Theme included, which has a more plain look now.

The Slate Theme was also ported to 4.x:
http://www.sencha.com/forum/showthread.php?140124

Since I have just joined Sencha, I won't find much time for the Extthemes project during the next months, but Sebastian is still on the project and doing an amazing job.

[dobberph]

The videos seem to be for an earlier version of ExtJS4.
Even the shown folder-structure is different now.
The file to be changed no more exists. I changed the ext-all.scss according to the changes in the 2nd video and got the errormessage:
>>> Change detected to: ext-all.scss
error ext-all.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all.css

Did I do anything wrong or is this really an old video?

Thanks a lot,
dobberph

[dobberph]

Ah, the first video is the newer one.
I'll try it with this video.

Thanks so far,
dobberph

[dobberph]

Hi again,

I tried it now. But even if I don't change anything the sass-compiler throws some errors:

C:\Users\dobberph>compass compile "E:\Eigene Projekte\Leviatournament\ext4\resources\sass"
    error ext-all-access.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all-access.css
    error ext-all-gray.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all-gray.css
    error ext-all-scoped.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all-scoped.css
    error ext-all.scss (Line 1: Invalid CSS after "...t4/default/all'": expected "{", was ";")
overwrite ext-all.css
    error ext-ie-scoped.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-ie-scoped.css
    error ext-ie.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-ie.css
    error ext-sandbox.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-sandbox.css
    error ext-standard-scoped.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-standard-scoped.css
    error ext-standard.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-standard.css

This is the output for the compiling of the unchanged code of ext4.

Perhaps I compile the wrong folder?

Thanks,
dobberph

[burnnat]

This is a known issue, because ExtJS uses some SASS syntax that has been deprecated in the most recent version(s) of SASS. If you downgrade the version of SASS on your machine, you should be able to compile without a problem. People on this thread say that 3.1.1 is the appropriate version to downgrade to.

[dobberph]

Oh thanks, I thought I was crazy

Can you give me the commands for the windows commandline shell for ruby? To downgrade or uninstall and install the right one?
I have installed

>sass -v
Sass 3.1.10 (Brainy Betty)

Thanks, I'll try,
dobberph