5
A
回答
6
//這裏是我的黑暗主題,不要忘了生成的圖像與煎茶SDK工具
$theme-name: 'dark';
$base-color: #1c1c1c;
//panel section
$panel-header-background-gradient: color-stops(#2a2a2a, #191919);
$panel-border-color: #4d4d4d;
$panel-header-color: #888888;
$panel-frame-padding: 0px;
$panel-header-padding: 5px;
$panel-body-color: #888888;
$panel-frame-background-color: #1c1c1c;
$color: #888888;
$form-trigger-border-bottom: none;
$form-trigger-width: 24px;
//window
$window-background-color: #1c1c1c;
$window-header-color: #888888;
//menu
$menu-item-active-background-color: darken(#333333, 5);
$menu-item-active-border-color: #fff;
//datepicker
$datepicker-header-background-color: #333333;
$datepicker-border-color: #4d4d4d;
$datepicker-th-background-color: #404040;
$datepicker-selected-item-background-color: #505050;
$datepicker-item-hover-background-color: transparent;
//progress bar
$progress-border-color: #202020;
$progress-background-color: #f1f1f1;
$progress-bar-background-color: #ababab;
//tips
$tip-base-color: $base-color;
$tip-body-color: #fff;
//grid
$grid-header-color: #fff;
$grid-header-over-border-color: darken($base-color, 3);
$grid-header-background-color: adjust-color($base-color, $hue: 0deg, $saturation: 0%, $lightness: -16.078%) !default;
$grid-header-over-border-color: adjust-color($base-color, $hue: -0.175deg, $saturation: 25.296%, $lightness: -2.549%) !default;
//toolbar
$toolbar-border-color: null;
$toolbar-inner-border-width:0px;
$toolbar-background-gradient: color-stops(#232323, #121212);
$toolbar-separator-color: #686455;
$toolbar-text-color: #888888;
//btn group
$btn-group-background-color: #585858;
$btn-group-header-background-color: #353535;
$btn-group-border-color: #4d4d4d;
$btn-group-header-color: #666;
//form
$fieldset-header-color: #ddd;
$form-field-background-color: #111;
$form-field-color: #828282;
$form-field-border-color: #232323;
$boundlist-border-color: #b5b8c8;
//acordion
$accordion-header-background-color: #999;
//tabs
$tab-base-color: #303030;
$tab-color-active: #eee;
$tab-color: #ddd;
//pagelet toolbar
$pagelet-background-gradient : color-stops(#d4d4d4,#dddddd);
$pagelet-background-color: #dddddd;
$tab-background-gradient: color-stops(#4d4d4d, #303030);
$tab-background-gradient-over: 'tab-over' !default;
$tab-background-gradient-active: color-stops(#5a5a5a, #303030);
$tab-background-gradient-disabled: 'tab-disabled' !default;
//buttons
$button-inner-border-color : #121212;
$button-default-color: #fff;
$button-default-base-color: #353535;
$button-default-base-color-over: #444444;
$button-default-base-color-focus: $button-default-base-color-over;
$button-default-base-color-pressed: #5f5f5f;
$button-default-base-color-disabled: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%) !default; //F7F7F7
$button-default-border-color: #121212;
//$button-default-border-color-over: #9d9d9d;
//$button-default-border-color-focus: $button-default-border-color-over;
//$button-default-border-color-pressed: $button-default-border-color-over;
//$button-default-border-color-disabled: adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%) !default;
$button-default-background-gradient: color-stops(#444444, #2e2e2e);
$button-default-background-gradient-over: 'matte';
$button-default-background-gradient-focus: 'matte';
$button-default-background-gradient-pressed: color-stops(#444444,#666666);
$button-default-background-gradient-disabled: 'matte';
$button-default-background-gradient-color-stops: color-stops(#444444, #282828);
$button-default-background-gradient-color-stops-over: null;
$button-default-background-gradient-color-stops-focus: null;
$button-default-background-gradient-color-stops-pressed: color-stops(#444444, #666666);
$button-default-background-gradient-color-stops-disabled: null;
$button-toolbar-base-color: $button-default-base-color;
$button-toolbar-color: #ccc;
$button-toolbar-border-color: #131313;
//$button-toolbar-border-color-over: #9d9d9d;
//$button-toolbar-border-color-focus: $button-default-border-color-over;
//$button-toolbar-border-color-pressed: $button-default-border-color-over;
//$button-toolbar-border-color-disabled: adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%) !default;
$button-toolbar-background-color: #171717;
$button-toolbar-background-color-over: #717171;
$button-toolbar-background-color-focus: #2B6893;
$button-toolbar-background-color-pressed: #444;
$button-toolbar-background-color-disabled: transparent;
$button-toolbar-background-gradient: color-stops(#171717,#1c1c1c);
$button-toolbar-background-gradient-over: color-stops(#1a1a1a,#1c1c1c);
$button-toolbar-background-gradient-focus: color-stops(#171717,#1c1c1c);
$button-toolbar-background-gradient-pressed: color-stops(#242424,#222222);
$button-toolbar-background-gradient-disabled: null;
$button-toolbar-background-gradient-color-stops: null;
$button-toolbar-background-gradient-color-stops-over: null;
$button-toolbar-background-gradient-color-stops-focus: null;
$button-toolbar-background-gradient-color-stops-pressed: null;
$button-toolbar-background-gradient-color-stops-disabled: null;
@import 'compass';
@import 'ext4/default/all';
相關問題
- 1. 卸載sass寶石
- 2. Sass羅盤在軌道上的多個主題紅寶石
- 3. 紅寶石sass-rails寶石和heroku推送錯誤
- 4. Shopify主題紅寶石錯誤
- 5. 如何在紅寶石中運行sass?
- 6. 無法刪除隱藏SASS 3.3.0寶石
- 7. 蘇西寶石安裝打破SASS
- 8. 紅寶石安裝sass錯誤
- 9. 在全部寶石中找不到'sass'
- 10. 寶石問題
- 11. 紅寶石問題(bug) - 在耙寶石
- 12. 紅寶石寶石問題與升級
- 13. 紅寶石mysql2寶石安裝問題
- 14. Apache與紅寶石 - 寶石問題
- 15. 寶石有問題:寶石::異常
- 16. 紅寶石哈希提取問題與Sass
- 17. ExtJs 4.2主題
- 18. 在extjs自定義主題中的sass變量
- 19. 耙寶石問題
- 20. docsplit寶石問題
- 21. 如何在Windows 7上安裝諸如Sass之類的紅寶石寶石
- 22. 紅寶石愁楚 - 寶石將無法正常工作,「找不到有效的寶石'Sass的」端口443
- 23. Webpack 2:SASS主題與Angular
- 24. 與SASS的JqueryUI主題
- 25. 基於SASS類的主題
- 26. 紅寶石寶石:sudo寶石沒有用寶石顯示
- 27. 寶石裝載問題
- 28. 紅寶石googlecharts問題
- 29. 問題秀紅寶石鞋
- 30. 紅寶石安裝問題
@XenonN ......我有收到一堆煎茶的問題ExtJS SASS變量正常工作。我想知道我們能否聯繫?具體來說,我試圖在scss文件中的SASS變量不起作用時使用cls config和overCls配置。我不知道如何做到這一點。具體而言,表單字段上的背景顏色和組合框上的顏色不起作用。 – MacGyver
Hi @MacGyver。你配置了你的extjs指南針嗎?導入extjs變量非常重要。它位於你的/ sass目錄下config.rb文件 – XenoN
如果是,那麼在「EXTJS/resources/themes/stylesheets/ext4/default/variables /」目錄下定義默認變量。所以你可以看到用於生成css文件的變量。 – XenoN