Előző bejegyzésben odáig jutottunk, hogy az elkészült CSS fájlban az összes szín a megadott alapszín szerint változott. Hátra vannak még a képek: a hivatkozások rendbetétele, régi IE esetén háttérképekkel helyettesítjük a CSS3 hiányosságokat, végül át kell színezni még néhány ikont...
A képek hivatkozása egyáltalán nem egyértelmű, a legegyszerűbb megoldás tényleg az, hogy a lib/utils.rb fájlba belenyúlunk és az images_path értékét felülírjuk. (a saját példámban egyszerűen az images_path = theme –t használtam) Hogy a fájl ellenőrzés miatt ne kapjak minden fájl esetén figyelmeztetést a theme_image_exists-be is bele kellett nyúlnom: where_to_look = File.join('..', 'themes', path.value) Az valahol megnyugtató, hogy a learn-ben is a bug szót használják ennél a résznél. :)
Régi IE esetén nagyon egyszerű dolgunk van, fel kell telepíteni a Sencha SDK-t, majd a sencha slice theme -d extjs -c my-ext-theme.css -o images utasítás mindent elkészít. Erre nem lehet mást mondani, minthogy le a kalappal!
Végére maradt az ikonok, nyilak átszínezése. Erre biztosan többféle program is van, én egyszerűen PHP-vel pixelenként átszíneztem a megadott képeket.
A végeredmény itt nézhető meg.
