除了$ base-color之外还应用Tab bar主题？

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

标签栏渐变似乎不适用。但是，如果我用'凹陷'替换我的渐变代码，则会应用标签栏上的颜色，这与基色有些相似。

我需要设置自定义标签栏渐变。我如何实现这一点，请记住现有代码保持不变？

包含文件

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