Eddig nem sokat foglalkoztam témák készítésével, úgy döntöttem rászánok néhány órát és megvizsgálom a lehetőségeket. Inspirálónak egy slideshow: Theming and Sass, illetve a Sencha telepítési útmutatója: Learn: Theming
Első lépés a Ruby, Sass, Compass trió telepítése. (nem kell megijedni, maximum pár perces telepítés) Sajnos arra figyelni kell, hogy az utolsó stabil verziókat tegyük fel, mert a pre verziókkal az ExtJS-es scss fájlok nem kompatibilisek... Reméljük hamarabb javítják majd ezt a problémát, minthogy ezek a fejlesztések stabillá válnak. Ha az „Invalid null operation” hibaüzenetet kapod, akkor erről van szó. Viszont a stabil verziókkal nincsen gond, amikkel én használtam:
ruby 1.9.3p194 (2012-04-20) [i386-mingw32]
> sass –v
Sass 3.1.18 (Brainy Betty)
> compass –v
Compass 0.12.1 (Alnilam)
Már maga a Sass is egy kiváló eszköz, de a Compass –szal együtt főnyeremény. Ha sitebuilder lennék ezentúl csak ezt használnám. :)
Tetszik, ahogy elkészítették az ExtJS .scss fájlait, az átszínezés majdnem gyerekjáték:
@import 'compass';
@import 'ext4/default/all';
És szinte minden komponens átszíneződött: beige
Következő részben rendbe tesszük a képeket…
Ja, és a Ruby-t nem szerettem meg még ezután sem. :)
