EXTJS changing statusbar background color

I wish to make statusbar background color same with window panel background color using css.

what I found

.x-toolbar{ 
    background-image: url(image/toolbar.gif);
}

i use snapshot of the panel background and save as gif . it work but is this the correct way to do?

I would go with transparent for the toolbar, if you want to keep the background image visible.

• if you send an additional image, less data to transfer
• will always stay in place

@example

// ExtJS
xtype: 'toolbar',
cls  : 'transparent'

// css
.x-toolbar.transparent { 
    background-image: transparent;
}

or

xtype: 'toolbar',
style: {
    backgroundColor: 'transparent'
}