Sencha Touch 2 改变应用程序主题样式皮肤

Sencha Touch 2 改变应用程序皮肤需要用到RUBY

1.下载安装Ruby

2.进入Ruby命令行界面，输入gem install compass在线安装Compass

3.安装好后在sass文件夹里新建一个SCSS文件 内容如下

@import 'sencha-touch/default/all';

// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;
@include sencha-list-paging;
@include sencha-list-pullrefresh;

4. 之后可以再上面写自己需要修改的样式，比如

$base-color: #000;
$active-color: #ea4199;
$base-gradient: 'glossy';
$tabs-dark: darken($base-color, 20%);
$tabs-dark-active-color: saturate($active-color, 20%);
$tabs-bottom-active-gradient: 'recessed';

5.保存SCSS文件

6.使用Ruby控制台，输入compas compile resources/sass 编译resources文件夹下的sass文件夹下的SASS文件

7.使用编译生成后的CSS文件即可（生成的文件位置在SASS文件夹下config.rb文件里配置）