Search code examples
extjssencha-touchsencha-touch-2

how to change background color of all panels and containers of sencha touch 2 app


I am trying to change theme of sencha application, i want to know how to change background color of all panels and containers of sencha touch app like touchstyle application

I changed the title bar, tab panel color, but i don't know how to change the color of panel and container.


Solution

  • Set the style config.

    style: {
        background: 'red'
    }
    

    EDIT: You could set the cls config for your panel. E.g: cls: red-bg and in your stylesheet:

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