1 | $theme-name: 'access';
|
---|
2 |
|
---|
3 | body {
|
---|
4 | background: #000;
|
---|
5 | }
|
---|
6 |
|
---|
7 | $base-color: #3f4757;
|
---|
8 | $orange: #ed9200;
|
---|
9 | $color: #fff;
|
---|
10 | $font-size: 15px;
|
---|
11 | $css-shadow-background-color: #000000;
|
---|
12 | $include-shadow-images: false;
|
---|
13 |
|
---|
14 | //panel
|
---|
15 | $panel-header-background-color: #3a4155;
|
---|
16 | $panel-header-color: #fff;
|
---|
17 | $panel-body-background-color: #232d38;
|
---|
18 | $panel-body-color: #fff;
|
---|
19 | //$panel-header-font-size: 14px;
|
---|
20 | $panel-border-color: #18181a;
|
---|
21 | $panel-header-inner-border: false;
|
---|
22 |
|
---|
23 | $border-layout-ct-background: #3f4757;
|
---|
24 |
|
---|
25 | //framed panel
|
---|
26 | $panel-frame-border-radius: 3px;
|
---|
27 | $frame-base-color: #232d38;
|
---|
28 | $panel-frame-background-color: #3f4757;
|
---|
29 |
|
---|
30 | //window
|
---|
31 | $window-background-color: #3f4757;
|
---|
32 | $window-body-background-color: #1f2833;
|
---|
33 | $window-body-color: #fff;
|
---|
34 | $window-body-border-color: #18181a;
|
---|
35 | $window-inner-border-color: #414b5c;
|
---|
36 | $window-header-color: #fff;
|
---|
37 |
|
---|
38 | //loadmask
|
---|
39 | $loadmask-msg-background-color: #3f4757;
|
---|
40 | $loadmask-msg-border-color: #222233;
|
---|
41 | $loadmask-msg-inner-border-color: #555566;
|
---|
42 | $loadmask-msg-inner-background-color: #232d38;
|
---|
43 | $loadmask-msg-inner-color: #fff;
|
---|
44 | $loadmask-msg-inner-padding: 5px 10px;
|
---|
45 | $loadmask-msg-inner-icon: null;
|
---|
46 |
|
---|
47 | //toolbar
|
---|
48 | $toolbar-border-color: $window-body-border-color;
|
---|
49 | $toolbar-background-color: #3a3e4f;
|
---|
50 | $toolbar-text-color: #fff;
|
---|
51 |
|
---|
52 | $toolbar-separator-color: #1b1b29 !default;
|
---|
53 | $toolbar-separator-highlight-color: #5d5d6e !default;
|
---|
54 |
|
---|
55 | //buttons
|
---|
56 | $button-default-base-color: #2a3142;
|
---|
57 | $button-default-base-color-over: $orange;
|
---|
58 | $button-default-base-color-pressed: #da7b19;
|
---|
59 | $button-default-color: #fff;
|
---|
60 |
|
---|
61 | $button-toolbar-border-color-over: #d97e27;
|
---|
62 | $button-toolbar-border-color-pressed: #c86e19;
|
---|
63 | $button-toolbar-background-color-over: $orange;
|
---|
64 | $button-toolbar-background-color-pressed: #db7b1f;
|
---|
65 | $button-toolbar-background-gradient: null;
|
---|
66 | $button-toolbar-background-gradient-over: null;
|
---|
67 | $button-toolbar-background-gradient-focus: null;
|
---|
68 | $button-toolbar-background-gradient-pressed: null;
|
---|
69 | $button-toolbar-background-gradient-disabled: null;
|
---|
70 | $button-toolbar-color: #fff !default;
|
---|
71 | $button-toolbar-color-over: #fff !default;
|
---|
72 | $button-toolbar-color-pressed: #fff !default;
|
---|
73 |
|
---|
74 | //forms
|
---|
75 | $form-field-height: 26px;
|
---|
76 | $form-toolbar-field-height: 24px;
|
---|
77 | //$form-field-font-size: 15px;
|
---|
78 | $form-field-border-width: 2px;
|
---|
79 | $form-field-border-color: #737b8c;
|
---|
80 | $form-field-background-color: #34383f;
|
---|
81 | $form-field-color: #fff;
|
---|
82 | $form-checkbox-size: 19px;
|
---|
83 |
|
---|
84 | $form-field-focus-border-color: #ff9c33;
|
---|
85 |
|
---|
86 | $form-field-invalid-background-color: #15171A;
|
---|
87 | $form-field-invalid-border-color: #C30;
|
---|
88 |
|
---|
89 | $form-trigger-width: 20px;
|
---|
90 | $form-trigger-border-bottom-width: 2px;
|
---|
91 | $form-trigger-border-bottom-color: $form-field-border-color;
|
---|
92 | $form-trigger-border-bottom-color-over: $form-field-focus-border-color;
|
---|
93 | $form-trigger-border-bottom-color-focus: $form-field-border-color;
|
---|
94 | $form-trigger-border-bottom-color-focus-over: $form-field-focus-border-color;
|
---|
95 | $form-trigger-border-bottom-color-pressed: #c76e12;
|
---|
96 |
|
---|
97 | //htmleditor
|
---|
98 | $html-editor-border-color: #737b8c;
|
---|
99 |
|
---|
100 | //fieldsets
|
---|
101 | $fieldset-header-color: #fff;
|
---|
102 | $fieldset-border-color: #727c8c;
|
---|
103 |
|
---|
104 | //tabs
|
---|
105 | $tab-base-color: #616f8c;
|
---|
106 | $tab-base-color-over: lighten(#616f8c, 5);
|
---|
107 | $tab-base-color-active: $orange;
|
---|
108 |
|
---|
109 | $tab-height: 27px;
|
---|
110 |
|
---|
111 | $tab-color: #fff;
|
---|
112 | $tab-color-active: $tab-color;
|
---|
113 |
|
---|
114 | $tab-inner-border: false;
|
---|
115 | $tab-border-color: #2e3746;
|
---|
116 | $tab-border-color-active: #74400e;
|
---|
117 |
|
---|
118 | $tab-background-gradient: null;
|
---|
119 | $tab-background-gradient-over: null;
|
---|
120 | $tab-background-gradient-active: null;
|
---|
121 | $tab-background-gradient-disabled: null;
|
---|
122 |
|
---|
123 | $tab-closable-icon: 'tabs/tab-close.gif';
|
---|
124 | $tab-closable-background-position: top right;
|
---|
125 | $tab-closable-width: 16px;
|
---|
126 |
|
---|
127 | $tabbar-strip-background-color: $orange;
|
---|
128 |
|
---|
129 | //grid
|
---|
130 | $grid-row-height: 22px;
|
---|
131 | $grid-row-cell-font-size: 14px;
|
---|
132 | $grid-row-cell-line-height: 17px;
|
---|
133 | $grid-header-background-color: #373c4b;
|
---|
134 | $grid-header-over-background-color: #496085;
|
---|
135 | $grid-header-background-gradient: 'glossy';
|
---|
136 | $grid-header-over-background-gradient: 'glossy';
|
---|
137 | $grid-header-color: #fff;
|
---|
138 |
|
---|
139 | $grid-row-wrap-border-color: #101010;
|
---|
140 |
|
---|
141 | $grid-row-cell-color: #fff;
|
---|
142 |
|
---|
143 | $grid-row-cell-background: #1f2933;
|
---|
144 |
|
---|
145 | $grid-row-cell-alt-background: #1a232b;
|
---|
146 |
|
---|
147 | $grid-row-cell-over-background-color: #7e552f;
|
---|
148 | $grid-row-cell-over-border-color: #101010;
|
---|
149 |
|
---|
150 | $grid-row-cell-selected-background-color: #e48627;
|
---|
151 | $grid-row-cell-selected-border-color: #101010;
|
---|
152 |
|
---|
153 | $grid-row-cell-over-background-gradient: 'flat';
|
---|
154 | $grid-row-cell-focus-background-gradient: 'flat';
|
---|
155 |
|
---|
156 | $grid-editor-line-height: $grid-row-height - 7;
|
---|
157 | $grid-row-editor-field-padding-horizontal: 1px;
|
---|
158 | $grid-cell-editor-field-padding-horizontal: 3px;
|
---|
159 | $grid-cell-treecolumn-editor-field-padding-horizontal: 0;
|
---|
160 | $grid-row-editor-checkbox-padding-top: 0;
|
---|
161 | $grid-cell-editor-checkbox-padding-top: 1px;
|
---|
162 |
|
---|
163 | //tree
|
---|
164 | $tree-elbow-height: 22px;
|
---|
165 | $tree-checkbox-margin-top: 2px;
|
---|
166 | $tree-icon-margin-top: 3px;
|
---|
167 |
|
---|
168 | //layout
|
---|
169 | $accordion-header-color: #fff;
|
---|
170 | $accordion-header-background-color: #5c6b82;
|
---|
171 |
|
---|
172 | //progress bar
|
---|
173 | $progress-border-color: #18181a;
|
---|
174 | $progress-background-color: #232d38;
|
---|
175 | $progress-text-color-back: #aaa;
|
---|
176 | $progress-bar-background-color: $orange;
|
---|
177 |
|
---|
178 | //btn group
|
---|
179 | $btn-group-background-color: #393d4e;
|
---|
180 | $btn-group-header-background-color: #676772;
|
---|
181 | $btn-group-border-color: #606068;
|
---|
182 | $btn-group-inner-border-color: #757478;
|
---|
183 | $btn-group-header-color: #D2D2D2;
|
---|
184 |
|
---|
185 | //datepicker
|
---|
186 | $datepicker-background-color: #21252e;
|
---|
187 | $datepicker-border-color: #798294;
|
---|
188 | $datepicker-today-item-border-color: #9999aa;
|
---|
189 |
|
---|
190 | $datepicker-header-background-color: #5c6980;
|
---|
191 |
|
---|
192 | $datepicker-th-background-color: #3a4051;
|
---|
193 | $datepicker-th-color: #fff;
|
---|
194 | $datepicker-th-border-bottom-color: #535b5c;
|
---|
195 |
|
---|
196 | $datepicker-td-height: 21px;
|
---|
197 |
|
---|
198 | $datepicker-item-color: #fff;
|
---|
199 | $datepicker-item-hover-background-color: #7e5530;
|
---|
200 | $datepicker-selected-item-border-color: #864900;
|
---|
201 | $datepicker-selected-item-background-color: #e5872c;
|
---|
202 |
|
---|
203 | $datepicker-monthpicker-height: 172px;
|
---|
204 |
|
---|
205 | $datepicker-monthpicker-item-color: #fff;
|
---|
206 | $datepicker-monthpicker-item-border: 0 none;
|
---|
207 | $datepicker-monthpicker-item-selected-background-color: $datepicker-selected-item-background-color;
|
---|
208 |
|
---|
209 | // boundlist
|
---|
210 | $boundlist-background-color: #404551;
|
---|
211 | $boundlist-border-color: #222732;
|
---|
212 | $boundlist-border-width: 2px;
|
---|
213 |
|
---|
214 | $boundlist-item-border-width: 0;
|
---|
215 | $boundlist-item-over-background-color: #e5872c;
|
---|
216 | $boundlist-item-selected-background-color: #e5872c;
|
---|
217 |
|
---|
218 | //tips
|
---|
219 | $tip-base-color: #5e6986;
|
---|
220 | $tip-border-color: #122d5e;
|
---|
221 | $tip-body-color: #000;
|
---|
222 |
|
---|
223 | //menu
|
---|
224 | $menu-background-color: #414551;
|
---|
225 | $menu-text-color: #fff;
|
---|
226 |
|
---|
227 | $menu-item-active-background-color: $orange;
|
---|
228 | $menu-item-active-border-color: darken($orange, 5);
|
---|
229 |
|
---|
230 | $menu-separator-border-color: #222233;
|
---|
231 | $menu-separator-background-color: #666666;
|
---|
232 |
|
---|
233 | @import 'compass';
|
---|
234 | @import 'ext4/default/all'; |
---|