PDA

View Full Version : Best way Theming Components and sub components



infosvil
4 Mar 2020, 6:24 AM
I have this 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?