extjs - $base-color とは別にタブバーのテーマを適用しますか?

Question

次のsenchaカスタムテーマを適用しています:

Sencha テーマのオーバーライド

$base-color:  #1876fc !default;  //#AB3ABD,
$active-color: darken(#9af3a6,40%) !default;//DD023A
$neutral-color: #e0e0e0;
$base-gradient: 'glossy';

$tabs-bar-gradient:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc97bb), color-stop(50%, #de0039), color-stop(51%, #a2003d), color-stop(100%, #4e0412));

$global-list-height: 50px;

$back-button-gradient: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc97bb), color-stop(50%, #de0039), color-stop(51%, #a2003d), color-stop(100%, #4e0412));

タブバーのグラデーションが適用されていないようです。ただし、グラデーション コードを「凹型」に置き換えると、タブ バーの色が適用されます。これは基本色に多少似ています。

Custom Tab Bar Gradient を設定する必要があります。既存のコードがそのまま残っていることを念頭に置いて、どうすればそれを達成できますか?

インクルード ファイル

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-button-ui('back',#a2003d, 'glossy');