Ext JS 의 넵튠(Neptune) 테마 참 맘에 든다.^^
이 넵튠 테마를 기본으로 하는 프로젝트를 만들어 보도록 하자.

준비사항

Sencha Cmd 가 설치되어 있고, Path를 걸어 둔다.

Ext JS 최신 버전이 ~/ExtJS 폴더에 위치 해 둔다.

1단계 – 프로젝트 생성하기

cd ~/ExtJS
sencha generate app myProject ../myProject
cd ~/myProject
open index.html

그러면 아래와 같은 기본 테마가 적용된 모습이 보인다.

Ext JS 기본 테마

Ext JS 기본 테마

cd ~/myProject/.sencha/app
vi sencha.cfg
# 변경 전 : app.theme=ext-theme-classic
# 변경 후 : app.theme=ext-theme-neptune
# 저장 후 vi를 나온다
cd ~/myProject

vi bootstrap.css
# 변경 전 : @import 'build/?????/production/resources/?????-all.css';
# 변경 후 : @import 'build/NeptuneTheme/production/resources/NeptuneTheme-all.css';
# 모두 바꾸지 말고, 물음표 부분만 변경 후 저장
sencha app refresh // 이건 안해도 될듯..;;;
sencha app build

open index.html
Ext JS Neptune Theme (넵튠 테마)

Ext JS Neptune Theme (넵튠 테마)

이렇게 하시면 됩니다.

질문이나 문의 사항은

으로 보내주세요