I have this code:
Code:
Ext.define('MyApp.tab.Panel', {
    extend: 'Ext.tab.Panel',


    header:{
        xtype: 'myWorkspacesToolbar',
        items:[
             ....
        ]       


    },
    items:[
        ....
    ]
I want to customize only HEADER style and his sub items and not Panel items.
Using scss file myWorkspacesToolbar.scss for ex.
$button-toolbar-color: #F00;
I change all button color (header and panel items and sub items).

Using theme mixing variable I have to set UI for single field in header to obtain css changes.

What is the best way to do that?