Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / resources / sass / ext-all-gray.scss
1 $theme-name: 'gray';
2 $base-color: #ccc;
3
4 //panel
5 $panel-header-background-gradient: color-stops(#F0F0F0, #D7D7D7);
6 $panel-border-color: #D0D0D0;
7 $panel-header-color: #333;
8
9 $panel-frame-background-color: #f1f1f1;
10
11 //window
12 $window-background-color: #e8e8e8;
13 $window-header-color: #333;
14
15 //menu
16 $menu-item-active-background-color: darken(#f3f3f3, 5);
17 $menu-item-active-border-color: #9d9d9d;
18
19 //datepicker
20 $datepicker-header-background-color: #6f6f6f;
21 $datepicker-border-color: #585858;
22 $datepicker-th-background-color: #e9e9e9;
23 $datepicker-selected-item-background-color: #d8d8d8;
24 $datepicker-item-hover-background-color: transparent;
25
26 //progress bar
27 $progress-border-color: #8e8e8e;
28 $progress-background-color: #f1f1f1;
29 $progress-bar-background-color: #ababab;
30
31 //tips
32 $tip-base-color: $base-color;
33
34 //grid
35 $grid-header-over-border-color: darken($base-color, 3);
36
37 //toolbar
38 $toolbar-background-gradient: color-stops(#e6e6e6, #efefef);
39 $toolbar-separator-color: #aca899;
40 $toolbar-text-color: #000;
41
42 //btn group
43 $btn-group-background-color: #f0f0f0;
44 $btn-group-header-background-color: #dfdfdf;
45 $btn-group-border-color: #d0d0d0;
46 $btn-group-header-color: #666;
47
48 //form
49 $fieldset-header-color: #333;
50
51 $boundlist-border-color: #b5b8c8;
52
53 //acordion
54 $accordion-header-background-color: #e5e5e5;
55
56 //tabs
57 $tab-base-color: #eaeaea;
58 $tab-color-active: #333333;
59
60 $tab-background-gradient: color-stops(#dcdcdc, #eaeaea);
61 $tab-background-gradient-over: 'tab-over' !default;
62 $tab-background-gradient-active: color-stops(#ffffff, #eaeaea);
63 $tab-background-gradient-disabled: 'tab-disabled' !default;
64
65 //buttons
66 $button-default-base-color: #f8f8f8;
67 $button-default-base-color-over: #f3f3f3;
68 $button-default-base-color-focus: $button-default-base-color-over;
69 $button-default-base-color-pressed: #d6d6d6;
70 $button-default-base-color-disabled: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%) !default; //F7F7F7
71
72 $button-default-border-color: #bbbbbb;
73 $button-default-border-color-over: #9d9d9d;
74 $button-default-border-color-focus: $button-default-border-color-over;
75 $button-default-border-color-pressed: $button-default-border-color-over;
76 $button-default-border-color-disabled: adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%) !default;
77
78 $button-default-background-gradient: 'matte';
79 $button-default-background-gradient-over: 'matte';
80 $button-default-background-gradient-focus: 'matte';
81 $button-default-background-gradient-pressed: 'matte-reverse';
82 $button-default-background-gradient-disabled: 'matte';
83
84 $button-default-background-gradient-color-stops: null;
85 $button-default-background-gradient-color-stops-over: null;
86 $button-default-background-gradient-color-stops-focus: null;
87 $button-default-background-gradient-color-stops-pressed: null;
88 $button-default-background-gradient-color-stops-disabled: null;
89
90
91 $button-toolbar-base-color: $button-default-base-color;
92
93 $button-toolbar-border-color: transparent !default;
94 $button-toolbar-border-color-over: $button-default-border-color-over;
95 $button-toolbar-border-color-focus: $button-default-border-color-focus;
96 $button-toolbar-border-color-pressed: $button-default-border-color-pressed;
97 $button-toolbar-border-color-disabled: $button-default-border-color-disabled;
98
99 $button-toolbar-background-color: transparent !default;
100 $button-toolbar-background-color-over: $button-default-base-color-over;
101 $button-toolbar-background-color-focus: $button-default-base-color-focus;
102 $button-toolbar-background-color-pressed: $button-default-base-color-pressed;
103 $button-toolbar-background-color-disabled: transparent;
104
105 $button-toolbar-background-gradient: null;
106 $button-toolbar-background-gradient-over: 'matte';
107 $button-toolbar-background-gradient-focus: 'matte';
108 $button-toolbar-background-gradient-pressed: 'matte-reverse';
109 $button-toolbar-background-gradient-disabled: null;
110
111 $button-toolbar-background-gradient-color-stops: null;
112 $button-toolbar-background-gradient-color-stops-over: null;
113 $button-toolbar-background-gradient-color-stops-focus: null;
114 $button-toolbar-background-gradient-color-stops-pressed: null;
115 $button-toolbar-background-gradient-color-stops-disabled: null;
116
117 @import 'compass';
118 @import 'ext4/default/all';