Применение темы панели вкладок помимо $ base-color?

Question

Я применяю следующий Сенча пользовательскую тему:

Сенча Тема Override

$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)); 

Панель вкладок градиент, кажется, не применяются. Однако, если я заменю свой градиентный код на «утопленный», применяется цвет на панели вкладок, который несколько напоминает базовый цвет.

Мне нужно установить собственный градиент панели вкладок. Как я могу это достичь, имея в виду, что существующий код остается таким же?

инклюдника

@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'); 

Answer 1

Попробуйте

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