1 | //basic variables |
---|
2 | @baseFontSize:13px; |
---|
3 | @sansFontFamily:"Open Sans"; |
---|
4 | |
---|
5 | @screen-xs-min: (@screen-xs + 1);//!ignore |
---|
6 | @screen-sm-min: (@screen-sm + 1);//!ignore |
---|
7 | @screen-md-min: (@screen-md + 1);//!ignore |
---|
8 | @screen-lg-min: (@screen-lg + 1);//!ignore |
---|
9 | @screen-topbar-down: 460px;//The point to move top menu buttons down in default layout |
---|
10 | @screen-topbar-down-min: (@screen-topbar-down + 1);//!ignore |
---|
11 | |
---|
12 | @screen-tiny: 320px;//!ignore |
---|
13 | |
---|
14 | |
---|
15 | //general.less variables |
---|
16 | @body-bg:#E4E6E9; |
---|
17 | @text-color:#393939; |
---|
18 | |
---|
19 | |
---|
20 | //ace top nav/bar |
---|
21 | @navbar-mh:45px;//navbar's min-height |
---|
22 | @navbar-bg:#438EB9;//navbar background color |
---|
23 | @navbar-text-color:#FFF; |
---|
24 | @brand-size:24px;//brand logo text size |
---|
25 | |
---|
26 | @ace-nav-default:#2E6589;//ace nav button default background color |
---|
27 | @ace-nav-grey:#555;//ace nav button grey background color |
---|
28 | @ace-nav-purple:#892E65;//ace nav button purple background color |
---|
29 | @ace-nav-green:#2E8965; |
---|
30 | @ace-nav-red:#B74635; |
---|
31 | @ace-nav-light-green:#9ABC32; |
---|
32 | @ace-nav-light-purple:#CB6FD7; |
---|
33 | @ace-nav-light-orange:#F79263; |
---|
34 | @ace-nav-light-blue:#62A8D1; |
---|
35 | @ace-nav-light-blue2:#42A8E1; |
---|
36 | @ace-nav-light-pink:#F4DAE5; |
---|
37 | @ace-nav-dark:#404040; |
---|
38 | @ace-nav-white-opaque:rgba(255,255,255,0.8); |
---|
39 | @ace-nav-dark-opaque:rgba(0,0,0,0.2); |
---|
40 | |
---|
41 | @navbar-dropdown-width:240px; |
---|
42 | @navbar-dropdown-shadow:~"0 2px 4px rgba(30, 30, 100, 0.25)"; |
---|
43 | |
---|
44 | |
---|
45 | |
---|
46 | //sidebar |
---|
47 | @menu-button-text: "MENU"; |
---|
48 | |
---|
49 | @sidebar-width:190px;//sidebar width |
---|
50 | @sidebar-min-width:43px;//sidebar minimum width |
---|
51 | @menu-focus-color:#1963AA; |
---|
52 | @menu-active-color:#2B7DBC; |
---|
53 | |
---|
54 | @submenu-left-border:mix(#BCCFE0 , #7EAACB); |
---|
55 | @submenu-active-left-border:mix(mix(#BCCFE0 , #7EAACB) , #7EAACB); |
---|
56 | |
---|
57 | @menumin-border:#CCC; |
---|
58 | |
---|
59 | |
---|
60 | |
---|
61 | //breadcrumb |
---|
62 | @breadcrumb-height:41px; |
---|
63 | @breadcrumb-arrow-color:#B2B6BF; |
---|
64 | |
---|
65 | |
---|
66 | |
---|
67 | // heading font size |
---|
68 | @h1-size: 32; |
---|
69 | @h2-size: 26; |
---|
70 | @h3-size: 22; |
---|
71 | @h4-size: 18; |
---|
72 | @h5-size: 15; |
---|
73 | @h6-size: 13; |
---|
74 | |
---|
75 | |
---|
76 | |
---|
77 | |
---|
78 | //some text colors |
---|
79 | @ace-dark:#333; |
---|
80 | @ace-white:#FFF; |
---|
81 | @ace-red:#DD5A43; |
---|
82 | @ace-light-red:#FF7777; |
---|
83 | @ace-blue:#478FCA; |
---|
84 | @ace-light-blue:#93CBF9; |
---|
85 | @ace-green:#69AA46; |
---|
86 | @ace-light-green:#B0D877; |
---|
87 | @ace-orange:#FF892A; |
---|
88 | @ace-orange2:#FEB902; |
---|
89 | @ace-light-orange:#FCAC6F; |
---|
90 | @ace-purple:#A069C3; |
---|
91 | @ace-pink:#C6699F; |
---|
92 | @ace-pink2:#D6487E; |
---|
93 | @ace-brown:brown; |
---|
94 | @ace-grey:#777; |
---|
95 | @ace-light-grey:#BBB; |
---|
96 | |
---|
97 | |
---|
98 | |
---|
99 | |
---|
100 | //button colors |
---|
101 | @btn-default:#ABBAC3; |
---|
102 | @btn-default-hover:#8B9AA3; |
---|
103 | |
---|
104 | @btn-primary:#428BCA; |
---|
105 | @btn-primary-hover:#1B6AAA; |
---|
106 | |
---|
107 | @btn-info:#6FB3E0; |
---|
108 | @btn-info-hover:#4F99C6; |
---|
109 | |
---|
110 | @btn-success:#87B87F; |
---|
111 | @btn-success-hover:#629B58; |
---|
112 | |
---|
113 | @btn-warning:#FFB752; |
---|
114 | @btn-warning-hover:#E59729; |
---|
115 | |
---|
116 | @btn-danger:#D15B47; |
---|
117 | @btn-danger-hover:#B74635; |
---|
118 | |
---|
119 | @btn-inverse:#555555; |
---|
120 | @btn-inverse-hover:#303030; |
---|
121 | |
---|
122 | @btn-pink:#D6487E; |
---|
123 | @btn-pink-hover:#B73766; |
---|
124 | |
---|
125 | @btn-purple:#9585BF; |
---|
126 | @btn-purple-hover:#7461AA; |
---|
127 | |
---|
128 | @btn-yellow:#FEE188; |
---|
129 | @btn-yellow-hover:#F7D05B; |
---|
130 | @btn-yellow-color:#996633; |
---|
131 | |
---|
132 | @btn-light:#E7E7E7; |
---|
133 | @btn-light-hover:#D9D9D9; |
---|
134 | @btn-light-color:#888; |
---|
135 | |
---|
136 | @btn-grey:#A0A0A0; |
---|
137 | @btn-grey-hover:#888888; |
---|
138 | |
---|
139 | //active state: |
---|
140 | @btn-active-color:#EFE5B5; |
---|
141 | @btn-yellow-active-border:#C96338; |
---|
142 | |
---|
143 | @btn-link-color:#0088CC; |
---|
144 | |
---|
145 | |
---|
146 | |
---|
147 | |
---|
148 | //application button colors |
---|
149 | @btn-app-default-1:#BCC9D5; |
---|
150 | @btn-app-default-2:#ABBAC3; |
---|
151 | |
---|
152 | @btn-app-primary-1:#3B98D6; |
---|
153 | @btn-app-primary-2:#197EC1; |
---|
154 | |
---|
155 | @btn-app-info-1:#75B5E6; |
---|
156 | @btn-app-info-2:#5BA4D5; |
---|
157 | |
---|
158 | @btn-app-success-1:#8EBF60; |
---|
159 | @btn-app-success-2:#7DAA50; |
---|
160 | |
---|
161 | @btn-app-danger-1:#D55B52; |
---|
162 | @btn-app-danger-2:#D12723; |
---|
163 | |
---|
164 | @btn-app-warning-1:#FFBF66; |
---|
165 | @btn-app-warning-2:#FFA830; |
---|
166 | |
---|
167 | @btn-app-purple-1:#A696CE; |
---|
168 | @btn-app-purple-2:#8A7CB4; |
---|
169 | |
---|
170 | @btn-app-pink-1:#DB5E8C; |
---|
171 | @btn-app-pink-2:#CE3970; |
---|
172 | |
---|
173 | @btn-app-inverse-1:#555555; |
---|
174 | @btn-app-inverse-2:#333333; |
---|
175 | |
---|
176 | @btn-app-grey-1:#898989; |
---|
177 | @btn-app-grey-2:#696969; |
---|
178 | |
---|
179 | @btn-app-light-1:#F4F4F4; |
---|
180 | @btn-app-light-2:#E6E6E6; |
---|
181 | |
---|
182 | @btn-app-yellow-1:#FFE8A5; |
---|
183 | @btn-app-yellow-2:#FCD76A; |
---|
184 | |
---|
185 | @btn-app-active:#FFF; |
---|
186 | @btn-app-yellow-color:#963; |
---|
187 | @btn-app-yellow-border:#FEE188; |
---|
188 | @btn-app-light-color:#5A5A5A; |
---|
189 | @btn-app-light-active:#515151; |
---|
190 | |
---|
191 | |
---|
192 | |
---|
193 | |
---|
194 | //label & badge colors |
---|
195 | @label-default:#ABBAC3; |
---|
196 | @label-primary:@btn-primary; |
---|
197 | @label-info:#3A87AD; |
---|
198 | @label-success:#82AF6F; |
---|
199 | @label-danger:#D15B47; |
---|
200 | @label-important:@label-danger;//!ignore |
---|
201 | @label-warning:#F89406; |
---|
202 | @label-inverse:#333333; |
---|
203 | @label-pink:#D6487E; |
---|
204 | @label-purple:#9585BF; |
---|
205 | @label-yellow:#FEE188; |
---|
206 | @label-light:#E7E7E7; |
---|
207 | @label-grey:@btn-grey; |
---|
208 | |
---|
209 | |
---|
210 | |
---|
211 | //menu colors |
---|
212 | @dropdown-menu:#4F99C6; |
---|
213 | @dropdown-default:@btn-default; |
---|
214 | @dropdown-primary:@btn-primary; |
---|
215 | @dropdown-info:@btn-info; |
---|
216 | @dropdown-success:@btn-success; |
---|
217 | @dropdown-warning:#FFA24D; |
---|
218 | @dropdown-danger:@btn-danger; |
---|
219 | @dropdown-inverse:@btn-inverse; |
---|
220 | @dropdown-pink:@btn-pink; |
---|
221 | @dropdown-purple:@btn-purple; |
---|
222 | @dropdown-grey:@btn-grey; |
---|
223 | @dropdown-light:@btn-light; |
---|
224 | @dropdown-lighter:#EFEFEF; |
---|
225 | @dropdown-lightest:#F3F3F3; |
---|
226 | @dropdown-yellow:@btn-yellow; |
---|
227 | @dropdown-yellow2:#F9E8B3; |
---|
228 | @dropdown-light-blue:#ECF3F9; |
---|
229 | |
---|
230 | //slider colors |
---|
231 | @slider-color:#4AA4CE; |
---|
232 | @slider-green:#8BBC67; |
---|
233 | @slider-red:#D36E6E; |
---|
234 | @slider-purple:#AC68BA; |
---|
235 | @slider-orange:#EFAD62; |
---|
236 | @slider-dark:#606060; |
---|
237 | @slider-pink:@btn-pink; |
---|
238 | |
---|
239 | |
---|
240 | //infobox colors |
---|
241 | @infobox-purple:#6F3CC4; |
---|
242 | @infobox-purple2:#5F47B0; |
---|
243 | @infobox-pink:#CB6FD7; |
---|
244 | @infobox-blue:#6FB3E0; |
---|
245 | @infobox-blue2:#3983C2; |
---|
246 | @infobox-blue3:#1144EB; |
---|
247 | @infobox-red:#D53F40; |
---|
248 | @infobox-brown:#C67A3E; |
---|
249 | @infobox-light-brown:#CEBEA5; |
---|
250 | @infobox-wood:#7B3F25; |
---|
251 | @infobox-orange:#E8B110; |
---|
252 | @infobox-orange2:#F79263; |
---|
253 | @infobox-green:#9ABC32; |
---|
254 | @infobox-green2:#0490A6; |
---|
255 | @infobox-grey:#999999; |
---|
256 | @infobox-black:#393939; |
---|
257 | |
---|
258 | |
---|
259 | //widget colors |
---|
260 | @widget-blue:#307ECC; |
---|
261 | @widget-blue2:#5090C1; |
---|
262 | @widget-blue3:#6379AA; |
---|
263 | @widget-green:#82AF6F; |
---|
264 | @widget-green2:#2E8965; |
---|
265 | @widget-green3:#4EBC30; |
---|
266 | @widget-red:#E2755F; |
---|
267 | @widget-red2:#E04141; |
---|
268 | @widget-red3:#D15B47; |
---|
269 | @widget-purple:#7E6EB0; |
---|
270 | @widget-pink:#CE6F9E; |
---|
271 | @widget-dark:#404040; |
---|
272 | @widget-grey:#848484; |
---|
273 | |
---|
274 | @widget-orange:#FFC657; |
---|
275 | @widget-orange-txt:#855D10; |
---|
276 | @widget-orange-border:#E8B10D; |
---|
277 | |
---|
278 | |
---|
279 | |
---|
280 | |
---|
281 | //form |
---|
282 | @help-button-bg:#65BCDA; |
---|
283 | @input-border:#D5D5D5; |
---|
284 | @input-bg:#FFF; |
---|
285 | @input-color:#858585; |
---|
286 | |
---|
287 | @input-focus-border:#F59942; |
---|
288 | @input-focus-bg:#FFF; |
---|
289 | @input-focus-color:#696969; |
---|
290 | //@input-focus-shadow:~"0px 0px 0px 2px rgba(245, 153, 66, 0.3)"; |
---|
291 | |
---|
292 | |
---|
293 | |
---|
294 | //tabs & accordion |
---|
295 | @tab-border:#C5D0DC; |
---|
296 | @tab-active-color:#576373; |
---|
297 | @tab-active-border:#4C8FBD; |
---|
298 | @tab-hover-color:#4C8FBD; |
---|
299 | |
---|
300 | |
---|
301 | |
---|
302 | //tooltip |
---|
303 | @tooltip-color:#333; |
---|
304 | @tooltip-error-color:#C94D32; |
---|
305 | @tooltip-success-color:#629B58; |
---|
306 | @tooltip-warning-color:#ED9421; |
---|
307 | @tooltip-info-color:#4B89AA; |
---|
308 | |
---|
309 | |
---|
310 | //progress bar |
---|
311 | @progress-color:#2A91D8; |
---|
312 | @progress-danger:#CA5952; |
---|
313 | @progress-success:#59A84B; |
---|
314 | @progress-warning:#F2BB46; |
---|
315 | @progress-pink:#D6487E; |
---|
316 | @progress-purple:#9585BF; |
---|
317 | @progress-yellow:#FFD259; |
---|
318 | @progress-inverse:#404040; |
---|
319 | @progress-grey:#8A8A8A; |
---|
320 | |
---|
321 | |
---|
322 | |
---|
323 | |
---|
324 | |
---|
325 | //widget |
---|
326 | @widget-header-color:#669FC7;//text color |
---|
327 | @tag-bg:#91B8D0; |
---|
328 | |
---|
329 | |
---|
330 | |
---|
331 | //items |
---|
332 | @item-list-orange-border:#E8B110; |
---|
333 | @item-list-orange2-border:#F79263; |
---|
334 | @item-list-red-border:#D53F40; |
---|
335 | @item-list-red2-border:#D15B47; |
---|
336 | @item-list-green-border:#9ABC32; |
---|
337 | @item-list-green2-border:#0490A6; |
---|
338 | @item-list-blue-border:@btn-info-hover; |
---|
339 | @item-list-blue2-border:#3983C2; |
---|
340 | @item-list-blue3-border:#1144EB; |
---|
341 | @item-list-pink-border:#CB6FD7; |
---|
342 | @item-list-purple-border:#6F3CC4; |
---|
343 | @item-list-black-border:#505050; |
---|
344 | @item-list-grey-border:#A0A0A0; |
---|
345 | @item-list-brown-border:brown; |
---|
346 | @item-list-default-border:@btn-default; |
---|