如何更改sencha touch 2 app的所有面板和容器的背景颜色

Question

我正在尝试更改sencha应用程序的主题，我想知道如何更改sencha touch app的所有面板和容器的背景颜色，如touchstyle application

我更改了标题栏，标签面板颜色，但我不知道如何更改面板和容器的颜色。

Answer 1

设置样式配置。

style: {
    background: 'red'
}

编辑： 您可以为面板设置cls配置。例如：cls: red-bg并在样式表中：

.red-bg .x-panel-body{
    background-color : red !important;
}

Answer 2

两种方式：

首先（直接更改面板）：

new Ext.Panel({
    width:200,
    height:200,
    bodyStyle:{"background-color":"red"}, 
    renderTo: document.body
});

第二个（添加CSS类并在Panel的'bodyCssClass'属性中使用它）：

.x-panel-body{
background-color: blue}