Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.
View | Details | Raw Unified | Return to bug 507788 | Differences between
and this patch

Collapse All | Expand All

(-)a/bundles/org.eclipse.orion.client.ui/web/css/lightPage.css (-4 / +4 lines)
Lines 1-4 Link Here
1
1
/*
2
.lightPage .dropdownTrigger:not(.dropdownDefaultButton),
2
.lightPage .dropdownTrigger:not(.dropdownDefaultButton),
3
.lightPage .mainToolbar .commandImage.dropdownTrigger,
3
.lightPage .mainToolbar .commandImage.dropdownTrigger,
4
.lightPage .dropdownButtonWithIcon,
4
.lightPage .dropdownButtonWithIcon,
Lines 180-186 Link Here
180
 	color: white !important;
180
 	color: white !important;
181
}
181
}
182
182
183
.lightPage .primaryButton {  /* from git.css */
183
.lightPage .primaryButton {  
184
	background-color: rgb(61, 114, 179) !important;
184
	background-color: rgb(61, 114, 179) !important;
185
	color: white !important;
185
	color: white !important;
186
	border: 1px solid rgb(61, 114, 179) !important;
186
	border: 1px solid rgb(61, 114, 179) !important;
Lines 211-217 Link Here
211
	color: #cdcdcd;
211
	color: #cdcdcd;
212
}
212
}
213
213
214
.lightPage .textviewTooltip .commandButton { /* Styling quickfixes */
214
.lightPage .textviewTooltip .commandButton {
215
	border-color: white;
215
	border-color: white;
216
	border: 1px solid #325C80;
216
	border: 1px solid #325C80;
217
	background-color: inherit;
217
	background-color: inherit;
Lines 269-275 Link Here
269
	width: 40px;
269
	width: 40px;
270
	border-width: 4px;
270
	border-width: 4px;
271
}
271
}
272
272
*/
273
@-webkit-keyframes rotateThis {
273
@-webkit-keyframes rotateThis {
274
	0% {
274
	0% {
275
		transform: rotate(0deg);
275
		transform: rotate(0deg);
(-)a/bundles/org.eclipse.orion.client.ui/web/orion/widgets/themes/ThemeVersion.js (-1 / +2 lines)
Lines 7-12 Link Here
7
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
7
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
8
 * 
8
 * 
9
 * Contributors: Anton McConville - IBM Corporation - initial API and implementation
9
 * Contributors: Anton McConville - IBM Corporation - initial API and implementation
10
 * 				 Casey Flynn - Google Inc.
10
 ******************************************************************************/
11
 ******************************************************************************/
11
/*eslint-env browser, amd*/
12
/*eslint-env browser, amd*/
12
define([], function() {
13
define([], function() {
Lines 14-20 define([], function() { Link Here
14
	/**
15
	/**
15
	 * Version string for theme data. Please update this string whenever you change the style of a themable element.
16
	 * Version string for theme data. Please update this string whenever you change the style of a themable element.
16
	 */
17
	 */
17
	var THEMES_VERSION = "6.88";
18
	var THEMES_VERSION = "6.881";
18
19
19
	return THEMES_VERSION;
20
	return THEMES_VERSION;
20
});
21
});
(-)a/bundles/org.eclipse.orion.client.ui/web/orion/widgets/themes/container/ThemeData.js (-170 / +569 lines)
Lines 7-12 Link Here
7
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
7
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
8
 * 
8
 * 
9
 * Contributors: Anton McConville - IBM Corporation - initial API and implementation
9
 * Contributors: Anton McConville - IBM Corporation - initial API and implementation
10
 * 				 Casey Flynn - Google Inc.
10
 ******************************************************************************/
11
 ******************************************************************************/
11
/*eslint-env browser, amd*/
12
/*eslint-env browser, amd*/
12
13
Lines 25-209 define([ Link Here
25
	//
26
	//
26
	// *******************************************************************************
27
	// *******************************************************************************
27
28
28
		function StyleSet(){
29
29
		    //
30
//		function StyleSet(){
30
		}
31
//		    //
31
		
32
//		}
32
		function multiply(a,b){
33
//		
33
			var resultString = 'Result:';
34
//		// TODO: what are these for? They just get overridden by ThemeData constructor
34
			var result = a*b;
35
//		StyleSet.prototype.name = 'Orion';
35
			return resultString + result;
36
//		StyleSet.prototype.navbar = '#404648';
36
		}
37
//		StyleSet.prototype.button = '#EFEFEF';
37
		
38
//		StyleSet.prototype.location = '#333';
38
		// TODO: what are these for? They just get overridden by ThemeData constructor
39
//		StyleSet.prototype.breadcrumb = '#3087B3';
39
		StyleSet.prototype.name = 'Orion';
40
//		StyleSet.prototype.separator = '#333';
40
		StyleSet.prototype.navbar = '#404648';
41
//		StyleSet.prototype.selection = 'FEC';
41
		StyleSet.prototype.button = '#EFEFEF';
42
//		StyleSet.prototype.sidepanel = '#FBFBFB';
42
		StyleSet.prototype.location = '#333';
43
//		StyleSet.prototype.mainpanel = 'white';
43
		StyleSet.prototype.breadcrumb = '#3087B3';
44
//		StyleSet.prototype.toolpanel = 'white';
44
		StyleSet.prototype.separator = '#333';
45
//		StyleSet.prototype.navtext = '#bfbfbf';
45
		StyleSet.prototype.selection = 'FEC';
46
//		StyleSet.prototype.content = '#3087B3';
46
		StyleSet.prototype.sidepanel = '#FBFBFB';
47
//		StyleSet.prototype.search = '#444';
47
		StyleSet.prototype.mainpanel = 'white';
48
//		StyleSet.prototype.bannerProgress = "white";
48
		StyleSet.prototype.toolpanel = 'white';
49
		StyleSet.prototype.navtext = '#bfbfbf';
50
		StyleSet.prototype.content = '#3087B3';
51
		StyleSet.prototype.search = '#444';
52
		StyleSet.prototype.bannerProgress = "white";
53
49
54
		function ThemeData(){
50
		function ThemeData(){
55
		
51
		
56
			this.styles = [];
52
			this.styles = [];
57
			
58
			var orion = new StyleSet();
59
			orion.name = 'Orion';
60
			orion.navbar = 'white'; // #404648 for dark banner
61
			orion.button = '#EFEFEF';
62
			orion.location = '#efefef';
63
			orion.selection = 'FEC';
64
			orion.sidepanel = '#FBFBFB';
65
			orion.mainpanel = 'white';
66
			orion.toolpanel = 'white';
67
			orion.navtext = '#bfbfbf';
68
			orion.content = '#3087B3';
69
			orion.search = '#444';
70
			orion.breadcrumb = '#3087B3';
71
			orion.separator = '#333';
72
			orion.bannerProgress = "whitesmoke";
73
53
74
			this.styles.push( orion );		
54
			var orionPage = {
55
				"className": "lightPage",
56
				"name": "lightPage",
57
				"styles":  {
58
					"#configSection": {
59
						"background": "white !important",
60
						"color": "black !important"
61
					},
62
					"#log": {
63
						"margin": "5px",
64
						"width": "calc(100% - 17px)"
65
					},
66
					"auxpane": {
67
						"background": "#c4c5c8 !important"
68
					},
69
					".checkedRow": {
70
						"background-color": "rgb(61, 114, 179) !important",
71
						"color": "white !important",
72
						".commandButton": {
73
							"border-color": "white",
74
							"color": "white"
75
						},
76
						".commandButton:not(.primaryButton):focus": {
77
							"background": "rgba(255, 255, 255, 0.50)",
78
							"box-shadow": "0 1px 2px 0 rgb(61, 114, 179)",
79
							"color": "black"
80
						},
81
						".commandButton:not(.primaryButton):hover": {
82
							"background": "rgba(255, 255, 255, 0.50)",
83
							"box-shadow": "0 1px 2px 0 rgb(61, 114, 179)",
84
							"color": "black"
85
						},
86
						".gitStatusIcon": {
87
							"color": "white !important"
88
						},
89
						".gitStatusTitle": {
90
							"color": "white !important"
91
						}
92
					},
93
					".commandButton": {
94
						"background-color": "rgba(0, 0, 0, 0)",
95
						"border": "1px solid rgb(61, 114, 179)",
96
						"color": "rgb(61, 114, 179)"
97
					},
98
					".commandButton.disabled": {
99
						"color": "#cdcdcd"
100
					},
101
					".commandButton.orionButton.dropdownTrigger:hover": {
102
						"border-color": "#ccc"
103
					},
104
					".commandButton:not(.primaryButton):focus": {
105
						"background-color": "rgba(61, 114, 179, 0.25)",
106
						"box-shadow": "0 1px 2px 0 rgb(61, 114, 179)",
107
						"color": "black"
108
					},
109
					".commandButton:not(.primaryButton):hover": {
110
						"background-color": "rgba(61, 114, 179, 0.25)",
111
						"box-shadow": "0 1px 2px 0 rgb(61, 114, 179)",
112
						"color": "black"
113
					},
114
					".content-fixedHeight": {
115
						"background": "#c4c5c8 !important"
116
					},
117
					".core-sprite-error": {
118
						"color": "red"
119
					},
120
					".dialogTitle": {
121
						"background-color": "rgb(61, 114, 179) !important",
122
						"color": "white !important"
123
					},
124
					".dropdownButtonWithIcon": {
125
						"color": "rgb(21, 41, 53) !important"
126
					},
127
					".dropdownMenu": {
128
						".dropdownMenuItemSelected": {
129
							"background": "rgba(61, 114, 179, 0.25)",
130
							"border-left-color": "rgb(61, 114, 179)"
131
						}
132
					},
133
					".dropdownTrigger:not(.dropdownDefaultButton)": {
134
						"color": "rgb(21, 41, 53) !important"
135
					},
136
					".editorViewerHeader": {
137
						"background": "#f5f7fa !important",
138
						"border-bottom": "1px solid #f5f7fa",
139
						"color": "black"
140
					},
141
					".filesystemName": {
142
						"color": "rgb(21, 41, 53) !important"
143
					},
144
					".fixedToolbarHolder": {
145
						"background": "white"
146
					},
147
					".gitCommitMessage": {
148
						"gitCommitMessageTopRow": {
149
							"border": "1px solid rgb(61, 114, 179)"
150
						}
151
					},
152
					".gitCommitMessageSection": {
153
						"background-color": "rgba(61, 114, 179, 0.25)"
154
					},
155
					".gitCommitMore": {
156
						"color": "rgb(61, 114, 179) !important"
157
					},
158
					".gitStatusIcon": {
159
						"color": "rgb(61, 114, 179) !important"
160
					},
161
					".gitStatusSection": {
162
						"background-color": "rgba(61, 114, 179, 0.25)"
163
					},
164
					".gitStatusTitle": {
165
						"color": "rgb(61, 114, 179) !important"
166
					},
167
					".label.parameterInput": {
168
						"color": "white !important"
169
					},
170
					".launchConfigurationMenuItem.dropdownMenuItemActive": {
171
						"background": "#f5f7fa"
172
					},
173
					".launchConfigurationsButton": {
174
						".commandButton.orionButton.dropdownTrigger": {
175
							"color": "white !important"
176
						}
177
					},
178
					".launchConfigurationsWrapper>.launchConfigurationsButton.dropdownTrigger": {
179
						"background-color": "rgb(61, 114, 179) !important",
180
						"color": "white !important"
181
					},
182
					".launchConfsDropdown": {
183
						".dropdownDefaultButton": {
184
							"background-color": "rgb(61, 114, 179) !important",
185
							"color": "white !important"
186
						}
187
					},
188
					".launchConfsLabel": {
189
						"background-color": "rgb(61, 114, 179) !important",
190
						"color": "white !important"
191
					},
192
					".liveUpdateLabel": {
193
						"color": "rgb(61, 114, 179) !important"
194
					},
195
					".mainToolbar": {
196
						"background-color": "white",
197
						"color": "rgb(21, 41, 53) !important",
198
						".commandButton.orionButton.dropdownTrigger": {
199
							"border-color": "white !important",
200
							"color": "black !important",
201
							".dropdownTriggerButtonLabel": {
202
								"color": "white"
203
							}
204
						},
205
						".commandButton.orionButton.dropdownTrigger.launchConfigurationsButton": {
206
							"dropdownArrowDown": {
207
								"color": "white"
208
							}
209
						},
210
						".commandImage.dropdownTrigger": {
211
							"color": "rgb(21, 41, 53) !important"
212
						},
213
						".gitSectionLabel": {
214
							"background-color": "rgb(61, 114, 179) !important",
215
							"color": "white !important"
216
						},
217
						".sectionWrapper": {
218
							"background-color": "rgb(61, 114, 179) !important",
219
							"color": "white !important"
220
						}
221
					},
222
					".mainpane": {
223
						"background": "#c4c5c8 !important"
224
					},
225
					".navbar-item-selected": {
226
						"background-color": "rgb(61, 114, 179) !important",
227
						"color": "white !important"
228
					},
229
					".orionSwitchLabel": {
230
						"background-color": "rgb(61, 114, 179) !important",
231
						"color": "white !important"
232
					},
233
					".outlineExplorer": {
234
						".treeIterationCursorRow_Dotted": {
235
							"background-color": "rgb(61, 114, 179) !important",
236
							"color": "white !important"
237
						}
238
					},
239
					".primaryButton": {
240
						"background-color": "rgb(61, 114, 179) !important",
241
						"border": "1px solid rgb(61, 114, 179) !important",
242
						"border-radius": "0 !important",
243
						"color": "white !important"
244
					},
245
					".primaryButton:hover,": {
246
						".primaryButton:focus": {
247
							"background": "rgb(61, 114, 179)",
248
							"border-color": "rgb(61, 114, 179)"
249
						}
250
					},
251
					".projectNavColumn": {
252
						"color": "black"
253
					},
254
					".searchResultsWrapperDiv": {
255
						".selectableNavRow:hover": {
256
							"background": "rgba(61, 114, 179, 0.25)",
257
							"border-left-color": "rgb(61, 114, 179)"
258
						}
259
					},
260
					".sectionTable": {
261
						"background-color": "white"
262
					},
263
					".sideMenu": {
264
						"background-color": "white"
265
					},
266
					".sideMenuItem": {
267
						"color": "rgb(21, 41, 53) !important"
268
					},
269
					".sideMenuItem>.submenu-trigger:hover": {
270
						"color": "rgb(61, 114, 179) !important"
271
					},
272
					".sideMenuItemActive": {
273
						"background-color": "rgb(61, 114, 179) !important",
274
						"color": "white !important"
275
					},
276
					".sideMenuItemActive:hover": {
277
						"background": "rgba(61, 114, 179, 0.25) !important",
278
						"color": "white"
279
					},
280
					".sidebarWrapper": {
281
						"background": "#f5f7fa !important",
282
						"color": "black"
283
					},
284
					".slideParameters": {
285
						"background-color": "rgb(61, 114, 179) !important",
286
						"color": "white !important"
287
					},
288
					".splash": {
289
						"background": "#f5f7fa !important",
290
						"box-shadow": "none"
291
					},
292
					".splashAbout": {
293
						"color": "rgb(61, 114, 179) !important"
294
					},
295
					".splashDetailedMessage": {
296
						"color": "black"
297
					},
298
					".splashLoader": {
299
						"background": "#f5f7fa !important",
300
						"box-shadow": "none"
301
					},
302
					".splashLoadingImage": {
303
						"-webkit-animation": "rotateThis .5s infinite linear",
304
						"animation": "rotateThis .5s infinite linear",
305
						"background": "none",
306
						"border": "2px solid #00b299",
307
						"border-radius": "50%",
308
						"border-right-color": "transparent",
309
						"display": "inline-block",
310
						"height": "20px",
311
						"margin": "0",
312
						"opacity": ".4",
313
						"width": "20px"
314
					},
315
					".splashLoadingImage.initial": {
316
						"border-width": "4px",
317
						"height": "40px",
318
						"width": "40px"
319
					},
320
					".splashMessage": {
321
						"color": "black"
322
					},
323
					".splashVerbal": {
324
						"color": "rgb(61, 114, 179) !important"
325
					},
326
					".split": {
327
						"background": "#c4c5c8",
328
						"width": "4px"
329
					},
330
					".splitThumb": {
331
						"background": "#c4c5c8"
332
					},
333
					".status": {
334
						"color": "black"
335
					},
336
					".statusContainer": {
337
						"background": "#f5f7fa",
338
						"color": "black"
339
					},
340
					".statusLight": {
341
						"background": "lightgray"
342
					},
343
					".statusLight.statusLightAmber": {
344
						"background": "#FFE141"
345
					},
346
					".statusLight.statusLightGreen": {
347
						"background": "#13dd6d"
348
					},
349
					".statusLight.statusLightProgress": {
350
						"background": "transparent",
351
						"border-color": "lightgray",
352
						"border-top-color": "transparent"
353
					},
354
					".statusLight.statusLightRed": {
355
						"background": "#C1272D"
356
					},
357
					".textviewTooltip": {
358
						".commandButton": {
359
							"background-color": "inherit",
360
							"border": "1px solid #325C80",
361
							"border-color": "white",
362
							"color": "white",
363
							"margin-bottom": "2px"
364
						}
365
					},
366
					".titleActionContainer": {
367
						"background": "#f5f7fa !important",
368
						"color": "black"
369
					},
370
					".tooltip": {
371
						"background-color": "rgb(61, 114, 179) !important",
372
						"border": "1px solid rgb(61, 114, 170)",
373
						"color": "white !important",
374
						"h2": {
375
							"color": "white !important"
376
						},
377
						".navlinkonpage": {
378
							"background-color": "rgb(61, 114, 179) !important",
379
							"color": "white !important"
380
						},
381
						".operationError": {
382
							"color": "white !important"
383
						}
384
					},
385
					".tooltipTailFromabove:after": {
386
						"border-top-color": "rgb(61, 114, 179)"
387
					},
388
					".tooltipTailFromabove:before": {
389
						"border-top-color": "rgb(61, 114, 179)"
390
					},
391
					".tooltipTailFrombelow:after": {
392
						"border-bottom-color": "rgb(61, 114, 179)"
393
					},
394
					".tooltipTailFrombelow:before": {
395
						"border-bottom-color": "rgb(61, 114, 179)"
396
					},
397
					".tooltipTailFromleft:after": {
398
						"border-left-color": "rgb(61, 114, 179)"
399
					},
400
					".tooltipTailFromleft:before": {
401
						"border-left-color": "rgb(61, 114, 179)"
402
					},
403
					".tooltipTailFromright:after": {
404
						"border-right-color": "rgb(61, 114, 179)"
405
					},
406
					".tooltipTailFromright:before": {
407
						"border-right-color": "rgb(61, 114, 179)"
408
					},
409
					".treeIterationCursorRow": {
410
						"background-color": "rgba(61, 114, 179, 0.25)"
411
					},
412
					".treeIterationCursorRow_Dotted": {
413
						"background-color": "rgba(61, 114, 179, 0.25)"
414
					},
415
					".workingTarget": {
416
						"background-color": "white"
417
					}
418
				}
419
			};
420
			this.styles.push(orionPage);
75
			
421
			
76
			var orion2014 = new StyleSet();
422
//			var test = new StyleSet();
77
			orion2014.name = 'Orion2014';
423
//			test.name = "Green Test",
78
			orion2014.navbar = 'white';
424
//			test.primaryBackgroundColor = 'darkgreen';
79
			orion2014.button = '#EFEFEF';
425
//			test.primaryTextColor = 'white';
80
			orion2014.location = '#EFEFEF';
426
//			test.secondaryBackgroundColor = 'seagreen';
81
			orion2014.selection = 'FEC';
427
//			test.secondaryTextColor = 'grey';
82
			orion2014.sidepanel = '#EEEEEE';
428
//			test.tertiaryBackgroundColor = 'pink';
83
			orion2014.mainpanel = '#EEEEEE';
429
//			test.tertiaryTextColor = 'white';
84
			orion2014.toolpanel = '#EEEEEE';
430
//			test.flavorColor = 'orange';
85
			orion2014.navtext = '#BFBFBF';
431
//			this.styles.push(test);
86
			orion2014.content = '#333333';
432
			
87
			orion2014.search = '#444444';
433
//			var orion = new StyleSet();
88
			orion2014.breadcrumb = '#333333';
434
//			orion.name = 'Orion';
89
			orion2014.separator = '#333333';
435
//			orion.navbar = 'white'; // #404648 for dark banner
90
			orion2014.bannerProgress = "orange";
436
//			orion.button = '#EFEFEF';
437
//			orion.location = '#efefef';
438
//			orion.selection = 'FEC';
439
//			orion.sidepanel = '#FBFBFB';
440
//			orion.mainpanel = 'white';
441
//			orion.toolpanel = 'white';
442
//			orion.navtext = '#bfbfbf';
443
//			orion.content = '#3087B3';
444
//			orion.search = '#444';
445
//			orion.breadcrumb = '#3087B3';
446
//			orion.separator = '#333';
447
//			orion.bannerProgress = "whitesmoke";
448
//
449
//			this.styles.push( orion );		
450
//			
451
//			var orion2014 = new StyleSet();
452
//			orion2014.name = 'Orion2014';
453
//			orion2014.navbar = 'white';
454
//			orion2014.button = '#EFEFEF';
455
//			orion2014.location = '#EFEFEF';
456
//			orion2014.selection = 'FEC';
457
//			orion2014.sidepanel = '#EEEEEE';
458
//			orion2014.mainpanel = '#EEEEEE';
459
//			orion2014.toolpanel = '#EEEEEE';
460
//			orion2014.navtext = '#BFBFBF';
461
//			orion2014.content = '#333333';
462
//			orion2014.search = '#444444';
463
//			orion2014.breadcrumb = '#333333';
464
//			orion2014.separator = '#333333';
465
//			orion2014.bannerProgress = "orange";
466
//
467
//			this.styles.push( orion2014 );		
91
468
92
			this.styles.push( orion2014 );		
93
469
94
			var eire = new StyleSet();
95
			
96
			eire.name = 'Green Zone';
97
			eire.navbar = 'seagreen';
98
			eire.button = 'lavender';
99
			eire.location = 'darkseagreen';
100
			eire.selection = 'moccasin';
101
			eire.sidepanel = 'aliceblue';
102
			eire.mainpanel = 'white';
103
			eire.toolpanel = 'white';
104
			eire.navtext = '#FBFBFB';
105
			eire.content = 'darkgreen';
106
			eire.search = 'darkgreen';
107
			eire.breadcrumb = '#3087B3';
108
			eire.separator = 'seagreen';
109
			eire.bannerProgress = "#F2F2F2";
110
			
111
			this.styles.push( eire );
112
			
113
			var avril = new StyleSet();
114
			
115
			avril.name = 'Pretty In Pink';
116
			avril.navbar = 'plum';
117
			avril.button = 'lavender';
118
			avril.location = 'pink';
119
			avril.selection = 'lavender';
120
			avril.sidepanel = 'seashell';
121
			avril.mainpanel = 'white';
122
			avril.toolpanel = 'white';
123
			avril.navtext = '#FBFBFB';
124
			avril.content = 'mediumorchid';
125
			avril.search = 'violet';
126
			avril.breadcrumb = '#3087B3';
127
			avril.separator = 'plum';
128
			avril.bannerProgress = "#F2F2F2";
129
			
130
			this.styles.push( avril );
131
			
470
			
132
			var blue = new StyleSet();
133
			
471
			
134
			blue.name = 'Blue Monday';
135
			blue.navbar = 'cornflowerblue';
136
			blue.button = 'lavender';
137
			blue.location = 'skyblue';
138
			blue.selection = 'lavender';
139
			blue.sidepanel = 'aliceblue';
140
			blue.mainpanel = 'white';
141
			blue.toolpanel = 'white';
142
			blue.navtext = '#FBFBFB';
143
			blue.content = 'royalblue';
144
			blue.search = 'royalblue';
145
			blue.breadcrumb = '#3087B3';
146
			blue.separator = 'cornflowerblue';
147
			blue.bannerProgress = "#F2F2F2";
148
			
472
			
149
			this.styles.push( blue );
150
			
473
			
151
			var vanilla = new StyleSet();
152
			
474
			
153
			vanilla.name = 'Vanilla Skies';
154
			vanilla.navbar = 'sandybrown';
155
			vanilla.button = 'lemmonchiffon';
156
			vanilla.location = 'cornsilk';
157
			vanilla.selection = 'lemonchiffon';
158
			vanilla.sidepanel = 'white';
159
			vanilla.mainpanel = 'white';
160
			vanilla.toolpanel = 'white';
161
			vanilla.navtext = 'lemonchiffon';
162
			vanilla.content = 'chocolate';
163
			vanilla.search = 'moccasin';
164
			vanilla.breadcrumb = '#3087B3';
165
			vanilla.separator = 'sandybrown';
166
			vanilla.bannerProgress = "#F2F2F2";
167
			
475
			
168
			this.styles.push( vanilla );
476
//			var eire = new StyleSet();
169
			
477
//			
170
			var beetlejuice = new StyleSet();
478
//			eire.name = 'Green Zone';
171
			
479
//			eire.navbar = 'seagreen';
172
			beetlejuice.name = 'Beetlejuice';
480
//			eire.button = 'lavender';
173
			beetlejuice.navbar = 'indigo';
481
//			eire.location = 'darkseagreen';
174
			beetlejuice.button = 'slateblue';
482
//			eire.selection = 'moccasin';
175
			beetlejuice.location = 'darkslateblue';
483
//			eire.sidepanel = 'aliceblue';
176
			beetlejuice.selection = 'silver';
484
//			eire.mainpanel = 'white';
177
			beetlejuice.sidepanel = 'lavender';
485
//			eire.toolpanel = 'white';
178
			beetlejuice.mainpanel = 'white';
486
//			eire.navtext = '#FBFBFB';
179
			beetlejuice.toolpanel = 'white';
487
//			eire.content = 'darkgreen';
180
			beetlejuice.navtext = '#FBFBFB';
488
//			eire.search = 'darkgreen';
181
			beetlejuice.content = 'mediumslateblue';
489
//			eire.breadcrumb = '#3087B3';
182
			beetlejuice.search = '#444';
490
//			eire.separator = 'seagreen';
183
			beetlejuice.breadcrumb = '#3087B3';
491
//			eire.bannerProgress = "#F2F2F2";
184
			beetlejuice.separator = 'indigo';
492
//			
185
			beetlejuice.bannerProgress = "#F2F2F2";
493
//			this.styles.push( eire );
186
			
494
//			
187
			this.styles.push( beetlejuice );
495
//			var avril = new StyleSet();
188
			
496
//			
189
			var red = new StyleSet();
497
//			avril.name = 'Pretty In Pink';
190
			
498
//			avril.navbar = 'plum';
191
			red.name = 'Red';
499
//			avril.button = 'lavender';
192
			red.navbar = '#CD2127';
500
//			avril.location = 'pink';
193
			red.button = '#777777';
501
//			avril.selection = 'lavender';
194
			red.location = '#D85F56';
502
//			avril.sidepanel = 'seashell';
195
			red.selection = 'lightcoral';
503
//			avril.mainpanel = 'white';
196
			red.sidepanel = '#EFDAB2';
504
//			avril.toolpanel = 'white';
197
			red.mainpanel = '#FDFADD';
505
//			avril.navtext = '#FBFBFB';
198
			red.toolpanel = '#FDFADD';
506
//			avril.content = 'mediumorchid';
199
			red.navtext = '#FBFBFB';
507
//			avril.search = 'violet';
200
			red.content = 'darkred';
508
//			avril.breadcrumb = '#3087B3';
201
			red.search = '#D85F56';
509
//			avril.separator = 'plum';
202
			red.breadcrumb = 'darkred';
510
//			avril.bannerProgress = "#F2F2F2";
203
			red.separator = '#CD2127';
511
//			
204
			red.bannerProgress = "#F2F2F2";
512
//			this.styles.push( avril );
205
			
513
//			
206
			this.styles.push( red );		
514
//			var blue = new StyleSet();
515
//			
516
//			blue.name = 'Blue Monday';
517
//			blue.navbar = 'cornflowerblue';
518
//			blue.button = 'lavender';
519
//			blue.location = 'skyblue';
520
//			blue.selection = 'lavender';
521
//			blue.sidepanel = 'aliceblue';
522
//			blue.mainpanel = 'white';
523
//			blue.toolpanel = 'white';
524
//			blue.navtext = '#FBFBFB';
525
//			blue.content = 'royalblue';
526
//			blue.search = 'royalblue';
527
//			blue.breadcrumb = '#3087B3';
528
//			blue.separator = 'cornflowerblue';
529
//			blue.bannerProgress = "#F2F2F2";
530
//			
531
//			this.styles.push( blue );
532
//			
533
//			var vanilla = new StyleSet();
534
//			
535
//			vanilla.name = 'Vanilla Skies';
536
//			vanilla.navbar = 'sandybrown';
537
//			vanilla.button = 'lemmonchiffon';
538
//			vanilla.location = 'cornsilk';
539
//			vanilla.selection = 'lemonchiffon';
540
//			vanilla.sidepanel = 'white';
541
//			vanilla.mainpanel = 'white';
542
//			vanilla.toolpanel = 'white';
543
//			vanilla.navtext = 'lemonchiffon';
544
//			vanilla.content = 'chocolate';
545
//			vanilla.search = 'moccasin';
546
//			vanilla.breadcrumb = '#3087B3';
547
//			vanilla.separator = 'sandybrown';
548
//			vanilla.bannerProgress = "#F2F2F2";
549
//			
550
//			this.styles.push( vanilla );
551
//			
552
//			var beetlejuice = new StyleSet();
553
//			
554
//			beetlejuice.name = 'Beetlejuice';
555
//			beetlejuice.navbar = 'indigo';
556
//			beetlejuice.button = 'slateblue';
557
//			beetlejuice.location = 'darkslateblue';
558
//			beetlejuice.selection = 'silver';
559
//			beetlejuice.sidepanel = 'lavender';
560
//			beetlejuice.mainpanel = 'white';
561
//			beetlejuice.toolpanel = 'white';
562
//			beetlejuice.navtext = '#FBFBFB';
563
//			beetlejuice.content = 'mediumslateblue';
564
//			beetlejuice.search = '#444';
565
//			beetlejuice.breadcrumb = '#3087B3';
566
//			beetlejuice.separator = 'indigo';
567
//			beetlejuice.bannerProgress = "#F2F2F2";
568
//			
569
//			this.styles.push( beetlejuice );
570
//			
571
//			var red = new StyleSet();
572
//			
573
//			red.name = 'Red';
574
//			red.navbar = '#CD2127';
575
//			red.button = '#777777';
576
//			red.location = '#D85F56';
577
//			red.selection = 'lightcoral';
578
//			red.sidepanel = '#EFDAB2';
579
//			red.mainpanel = '#FDFADD';
580
//			red.toolpanel = '#FDFADD';
581
//			red.navtext = '#FBFBFB';
582
//			red.content = 'darkred';
583
//			red.search = '#D85F56';
584
//			red.breadcrumb = 'darkred';
585
//			red.separator = '#CD2127';
586
//			red.bannerProgress = "#F2F2F2";
587
//			
588
//			this.styles.push( red );		
207
		}
589
		}
208
		
590
		
209
		function getStyles(){
591
		function getStyles(){
Lines 217-228 define([ Link Here
217
		function getThemeStorageInfo(){
599
		function getThemeStorageInfo(){
218
			return {
600
			return {
219
				storage:'/themes',
601
				storage:'/themes',
220
				styleset:'styles',
602
				styleset:'containerStyles',
221
				defaultTheme:'Orion2014',
603
				//styleset: 'styles',
222
				selectedKey: 'selected',
604
				defaultTheme:'lightPage',
605
				selectedKey: 'containerSelected',
606
				//selectedKey: 'containerSelected',
223
				version: THEMES_VERSION
607
				version: THEMES_VERSION
224
			};
608
			};
225
		}
609
		}
610
		
611
		/*
612
		 * 		function getThemeStorageInfo(){
613
			return {
614
				storage:'/themes',
615
				styleset:'editorstyles',
616
				defaultTheme:'Prospecto',
617
				selectedKey: 'editorSelected',
618
				version: THEMES_VERSION
619
			}; 
620
		}
621
		 * 
622
		 */
226
623
227
		ThemeData.prototype.getThemeStorageInfo = getThemeStorageInfo;
624
		ThemeData.prototype.getThemeStorageInfo = getThemeStorageInfo;
228
625
Lines 299-304 define([ Link Here
299
		}
696
		}
300
697
301
		ThemeData.prototype.getViewData = getViewData;
698
		ThemeData.prototype.getViewData = getViewData;
699
700
302
		
701
		
303
		function processSettings( settings ){
702
		function processSettings( settings ){
304
			var sheetMaker = new ThemeSheetWriter.ThemeSheetWriter();
703
			var sheetMaker = new ThemeSheetWriter.ThemeSheetWriter();
Lines 311-317 define([ Link Here
311
710
312
		return{
711
		return{
313
			ThemeData:ThemeData,
712
			ThemeData:ThemeData,
314
			getStyles:getStyles
713
			getStyles:getStyles,
315
		};
714
		};
316
	}
715
	}
317
);
716
);
(-)a/bundles/org.eclipse.orion.client.ui/web/orion/widgets/themes/container/ThemeSheetWriter.js (-358 / +68 lines)
Lines 7-387 Link Here
7
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
7
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
8
 * 
8
 * 
9
 * Contributors: Anton McConville - IBM Corporation - initial API and implementation
9
 * Contributors: Anton McConville - IBM Corporation - initial API and implementation
10
 * 				 Casey Flynn - Google Inc.
10
 ******************************************************************************/
11
 ******************************************************************************/
11
/*eslint-env browser, amd*/
12
/*eslint-env browser, amd*/
12
13
13
define(['orion/widgets/themes/ThemeClass'], 
14
define(['orion/widgets/themes/ThemeClass',
15
],
14
	function(ThemeClass) {
16
	function(ThemeClass) {
15
		
16
		// These values are used to override various themeable element -> color mappings provided by theme data.
17
		var navbar = 'white';
18
		var button = '#777777';
19
		var location = '#EFEFEF';
20
		var selection = '#cedce7';
21
		var sidepanel = '#F7F7F7';
22
		var mainpanel = 'white';
23
		var navtext = '#bfbfbf';
24
		var content = '#3087B3';
25
		var search = '#444';
26
		var toolpanel = 'white';
27
		
28
		function ThemeSheetWriter(){}
29
		
30
		ThemeSheetWriter.prototype.navbar = navbar;
31
		ThemeSheetWriter.prototype.button = button;
32
		ThemeSheetWriter.prototype.location = location;
33
		ThemeSheetWriter.prototype.selection = selection;
34
		ThemeSheetWriter.prototype.sidepanel = sidepanel;
35
		ThemeSheetWriter.prototype.mainpanel = mainpanel;
36
		ThemeSheetWriter.prototype.navtext = navtext;
37
		ThemeSheetWriter.prototype.content = content;
38
		ThemeSheetWriter.prototype.search = search;
39
		ThemeSheetWriter.prototype.toolpanel = toolpanel;
40
		
41
		function writeNavigationStyle(){
42
		
43
			var styleBlock = '';
44
		
45
			var styles = [];
46
		
47
			var orionPage = new ThemeClass.ThemeClass( 'orionPage' );
48
			orionPage.style.backgroundColor = '#fdfdfd';
49
			orionPage.style.width = '100%';
50
			orionPage.style.height = '100%';
51
			
52
			styles.push( orionPage );
53
			
54
			var topRowBanner = new ThemeClass.ThemeClass( 'topRowBanner' );
55
			topRowBanner.style.margin = '0';
56
			topRowBanner.style.border = '0';
57
			topRowBanner.style.backgroundColor = this.navbar;
58
//			topRowBanner.style.background = 'linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#1b1b1b 100%)';
59
			/* topRowBanner.style.borderBottom = '1px solid #dddddd'; */
60
			topRowBanner.style.borderBottom = "none";
61
			topRowBanner.style.boxShadow = "0 2px 2px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1)";
62
			topRowBanner.style.zIndex = "100";
63
			
64
			styles.push( topRowBanner );
65
			
66
			var a = new ThemeClass.ThemeClass( 'a' );
67
			a.style.textDecoration = 'none';
68
			a.style.color = this.content;
69
			
70
			styles.push( a );
71
17
72
			var navlink = new ThemeClass.ThemeClass( 'navlink' );
73
			navlink.style.display = 'inline-block';
74
			navlink.style.padding = '2px';
75
			navlink.style.color = this.content;
76
			navlink.style.verticalAlign = 'bottom';
77
			
78
			styles.push( navlink );
79
18
80
19
81
		/*	var aVisited = new ThemeClass.ThemeClass( 'a:visited' );
20
		function PrototypeStyleWriter(settings) {
82
			aVisited.style.color = this.content;
21
			var parseStyles = function(object, ancestors, className, result) {
83
			
22
				if (!ancestors) {
84
			styles.push( aVisited );
23
					parseStyles(object, "." + className, className, result);
85
				
24
					return;
86
			var aActive = new ThemeClass.ThemeClass( 'a:active' );
25
				}
87
			aActive.style.color = this.content;
26
				var localResult = [];
88
			
27
				var keys = Object.keys(object);
89
			styles.push( aActive );
28
				keys.forEach(function(key) {
90
			
29
					var value = object[key];
91
			var aHover = new ThemeClass.ThemeClass( 'a:hover' );
30
					if (typeof(value) === "string") { //$NON-NLS-0$
92
			aHover.style.textDecoration = 'underline';
31
						localResult.push("\t" + key + ": " + value + ";"); //$NON-NLS-2$ //$NON-NLS-1$ //$NON-NLS-0$
93
			aHover.style.color = this.content;
32
					} else {
94
			
33
						parseStyles(
95
			styles.push( aHover ); */
34
							value,
96
			
35
							className === key ? ancestors : ancestors + " " +  key, //$NON-NLS-1$ //$NON-NLS-0$
97
			var primaryNav = new ThemeClass.ThemeClass( 'primaryNav' );
36
							className,
98
			primaryNav.style.color = this.navtext;
37
							result);
99
			primaryNav.style.fontSize = '8pt';
38
					}
100
			primaryNav.style.fontWeight = 'normal';
39
				});
101
			primaryNav.style.paddingTop = '0';
40
				if (localResult.length) {
102
			primaryNav.style.verticalAlign = 'baseline';
41
					result.push(ancestors +  " {"); //$NON-NLS-0$
103
			
42
					result.push.apply(result, localResult);
104
			styles.push( primaryNav );
43
					result.push("}"); //$NON-NLS-0$
105
			
44
				}
106
			var primaryNavA = new ThemeClass.ThemeClass( 'primaryNav a' );
45
			};
107
			primaryNavA.style.fontSize = '8pt'; 
108
			primaryNavA.style.color = this.navtext;
109
			primaryNavA.style.marginRight = '6px';
110
			primaryNavA.style.marginLeft = '6px'; 
111
			primaryNavA.style.verticalAlign = 'baseline';
112
			primaryNavA.style.textDecoration = 'none';
113
			
114
			styles.push( primaryNavA );
115
			
116
			var primaryNavAhover = new ThemeClass.ThemeClass( 'primaryNav a:hover' );
117
			primaryNavAhover.style.color = '#bfbfbf';
118
			primaryNavAhover.style.cursor = 'hand';
119
			primaryNavAhover.style.color = 'white';
120
			primaryNavAhover.style.fontWeight = 'normal';
121
46
122
			styles.push( primaryNavAhover );
47
			var result = [""];
123
			
48
			parseStyles(settings.styles, "", "orionPage", result); //$NON-NLS-0$
124
			for( var s in styles ){
49
			return result.join("\n"); //$NON-NLS-0$
125
				styleBlock = styleBlock + styles[s].toString();
126
			}
127
						     
128
			return styleBlock;
129
		}
50
		}
130
		
131
		ThemeSheetWriter.prototype.writeNavigationStyle = writeNavigationStyle;
132
		
133
		function writeLocationStyle(){
134
		
135
			var styleBlock = '';
136
		
137
			var styles = [];
138
			
139
			var titleArea = new ThemeClass.ThemeClass( 'titleArea' );
140
			titleArea.style.margin = '0';
141
			titleArea.style.paddingTop = '5px';
142
		    titleArea.style.border = '0';
143
		    titleArea.style.background = this.location;
144
			titleArea.style.background = '-webkit-gradient(linear, left top, left bottom, color-stop(0%,' + this.location + '), color-stop(100%,' + this.location + '))';
145
		    titleArea.style.borderBottom = '1px solid ' + this.location ;
146
		    titleArea.style.minHeight = '20px';
147
		    
148
		    styles.push( titleArea );
149
51
150
			var breadcrumb = new ThemeClass.ThemeClass( 'breadcrumb' );
52
		var scopeList = [
151
			breadcrumb.style.fontSize = '8pt';
53
			{
152
			breadcrumb.style.textDecoration = 'none';
54
				objPath: ["styles mainToolbar background-color","styles sectoinTable background-color", "styles sideMenu background-color", "styles workingTarget background-color"],
153
			breadcrumb.style.color = '#f1f1f2;';
55
				id: "primaryBackgroundColor", //$NON-NLS-0$
154
			breadcrumb.style.paddingTop = '2px';
56
				value: ""
155
			
57
			}, {
156
			styles.push( breadcrumb );
58
				objPath: ["styles dropdownButtonWithIcon color", ""],
157
			
59
				id: "primaryTextColor", //$NON-NLS-0$
158
			var aBreadcrumbHover = new ThemeClass.ThemeClass( 'a.breadcrumb:hover' );
60
				value: ""
159
			aBreadcrumbHover.style.textDecoration = 'none';
61
			}, {
160
			aBreadcrumbHover.style.borderBottom = '1px dotted';
62
				objPath: [], //$NON-NLS-0$
161
			aBreadcrumbHover.style.color = '#F58B0F';
63
				id: "secondaryBackgroundColor", //$NON-NLS-0$
162
			aBreadcrumbHover.style.cursor = 'pointer';
64
				value: ""
163
			
65
			}, {
164
			styles.push( aBreadcrumbHover );
66
				objPath: [], //$NON-NLS-0$
165
67
				id: "secondaryTextColor", //$NON-NLS-0$
166
			var breadcrumbSeparator = new ThemeClass.ThemeClass( 'breadcrumbSeparator' );
68
				value: ""
167
			breadcrumbSeparator.style.fontSize = '8pt';
69
			}, {
168
			breadcrumbSeparator.style.textDecoration = 'none';
70
				objPath: [], //$NON-NLS-0$
169
			breadcrumbSeparator.style.color = this.separator;
71
				id: "tertiaryBackgroundColor", //$NON-NLS-0$
170
			breadcrumbSeparator.style.fontWeight = 'bold';
72
				value: ""
171
			
73
			}, {
172
			styles.push( breadcrumbSeparator );
74
				objPath: [], //$NON-NLS-0$
173
			
75
				id: "tertiaryTextColor", //$NON-NLS-0$
174
			var currentLocation = new ThemeClass.ThemeClass( 'currentLocation' );
76
				value: ""
175
			currentLocation.style.fontWeight = 'bold';
77
			}, {
176
			currentLocation.style.fontSize = '8pt';
78
				objPath: [], //$NON-NLS-0$
177
			currentLocation.style.color = this.breadcrumb; //this.navbar; // should be a separate themeable item but hard coded for now.
79
				id: "flavorColor", //$NON-NLS-0$
178
			currentLocation.style.textDecoration = 'none';
80
				value: ""
179
			currentLocation.style.textWrap = 'normal';
180
			currentLocation.style.lineHeight = '10pt';
181
			
182
			styles.push( currentLocation );
183
			
184
			var currentLocationHover = new ThemeClass.ThemeClass( 'a.currentLocation:hover' );
185
			currentLocationHover.style.fontWeight = 'bold';
186
			currentLocationHover.style.fontSize = '10pt';
187
			currentLocationHover.style.color = '#666666';
188
			currentLocationHover.style.textDecoration = 'none';
189
			currentLocationHover.style.borderBottom = '0';
190
			
191
			styles.push( currentLocationHover );
192
			
193
			var navlinkonpage = new ThemeClass.ThemeClass( 'navlinkonpage' );
194
			navlinkonpage.style.color = this.content;
195
			navlinkonpage.style.verticalAlign = 'middle';
196
			
197
			styles.push( navlinkonpage );
198
			
199
			if (this.bannerProgress) {
200
				var progressIndicator = new ThemeClass.ThemeClass( 'topRowBanner .progressPane_running' );
201
				progressIndicator.style.borderColor = this.bannerProgress;
202
				styles.push( progressIndicator );
203
			}	
204
			
205
			for( var s in styles ){
206
				styleBlock = styleBlock + styles[s].toString();
207
			}
81
			}
208
			
82
		]
209
			return styleBlock;
210
		}
211
		
212
		ThemeSheetWriter.prototype.writeLocationStyle = writeLocationStyle;
213
		
214
		function writeSidePanelStyle(){
215
		
216
		}
217
		
218
		function writeButtonStyle(){
219
		
83
		
220
			var styleBlock = '';
84
		function ApplyTheme() {
221
			var styles = [];
222
		
223
			var commandButton = new ThemeClass.ThemeClass( 'commandButton' );
224
			commandButton.style.color = '#666';
225
			commandButton.style.border = '1px solid #dedede'; // see https://bugs.eclipse.org/bugs/show_bug.cgi?id=386702#c2 
226
			commandButton.style.backgroundColor = '#ddd';//this.button;
227
			commandButton.style.textAlign = 'center';
228
			commandButton.style.verticalAlign = 'middle';
229
			commandButton.style.cursor = 'pointer';
230
		    commandButton.style.display = 'inline-block';
231
		    commandButton.style.padding = '4px 6px';
232
		    commandButton.style.borderRadius = '3px';
233
		    commandButton.style.lineHeight = '12px';
234
			commandButton.style.fontSize = '9pt';
235
			commandButton.style.userSelect = 'none';
236
			//	-webkit-touch-callout: none;
237
			//	-webkit-user-select: none;
238
			//	-khtml-user-select: none;
239
			//	-moz-user-select: none;
240
			//	-ms-user-select: none;
241
			styles.push( commandButton );
242
			
243
			var commandButtonOver = new ThemeClass.ThemeClass( 'commandButton:over' );
244
			commandButtonOver.style.backgroundColor = '#e6e6e6';
245
			commandButtonOver.style.border = '1px solid #808080';
246
			styles.push( commandButtonOver );
247
248
			var commandMenu = new ThemeClass.ThemeClass( 'commandMenu' );
249
			commandMenu.style.color = '#222';
250
			commandMenu.style.display = 'inline-block';
251
			commandMenu.style.verticalAlign = 'baseline';
252
			commandMenu.style.margin = '0';
253
			commandMenu.style.fontSize = '8pt';
254
			commandMenu.style.fontWeight = 'normal';
255
			commandMenu.style.border = '1px solid #dedede'; // see https://bugs.eclipse.org/bugs/show_bug.cgi?id=386702#c2
256
			commandMenu.style.backgroundColor = '#efefef';
257
		    commandMenu.style.cursor = 'pointer';
258
		    commandMenu.style.borderRadius = '1px';
259
			styles.push( commandMenu );
260
	
261
			var commandMenuItem = new ThemeClass.ThemeClass( 'commandMenuItem' );
262
			commandMenuItem.style.border = '0';
263
			commandMenuItem.style.padding = '0';
264
			commandMenuItem.style.margin = '0';
265
			styles.push( commandMenuItem );
266
			
267
			for( var s in styles ){
268
				styleBlock = styleBlock + styles[s].toString();
269
			}
270
			
85
			
271
			return styleBlock;
272
		}
86
		}
273
		
87
		
274
		ThemeSheetWriter.prototype.writeButtonStyle = writeButtonStyle;
88
		function ThemeSheetWriter(){}
275
		
89
276
		function writeMainStyle(){
277
		
278
			var styleBlock = '';
279
		
280
			var styles = [];
281
			
282
			var searchbox = new ThemeClass.ThemeClass( 'searchbox' );
283
			searchbox.style.backgroundImage = 'url(../images/core_sprites.png)';
284
		    searchbox.style.backgroundRepeat = 'no-repeat'; 
285
		    searchbox.style.backgroundPosition = '4px -297px'; 
286
			searchbox.style.width = '12px'; 
287
			searchbox.style.height = '12px';
288
		    searchbox.style.backgroundColor = this.search;
289
			searchbox.style.border = '1px solid ' + this.search;
290
			searchbox.style.fontSize = '11px';
291
			searchbox.style.width = '15em';
292
			searchbox.style.height = '16px';
293
			searchbox.style.borderRadius = '10px'; /* 10px */
294
			searchbox.style.color = '#999';
295
			searchbox.style.padding = '0';
296
			searchbox.style.paddingLeft = '20px';
297
			searchbox.style.marginLeft = '5px';
298
			searchbox.style.marginTop = '6px !important';
299
			searchbox.style.font = '7pt Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,Myriad,Tahoma,clean,sans-serif !important';
300
			
301
			styles.push( searchbox );
302
			
303
			var searchboxFocus = new ThemeClass.ThemeClass( 'searchbox:focus' );
304
			searchboxFocus.style.color = 'white';
305
			searchboxFocus.style.outline = 'none';
306
			
307
			styles.push( searchboxFocus );
308
			
309
			var checkedRow = new ThemeClass.ThemeClass( 'checkedRow' );
310
			checkedRow.style.cssText = 'background-color:' + this.selection + ' !important;';
311
			
312
			styles.push( checkedRow );
313
			
314
			var navItemSelected = new ThemeClass.ThemeClass( 'navbar-item-selected' );
315
			navItemSelected.style.background = this.selection;
316
			navItemSelected.style.color = this.content;
317
			
318
			styles.push( navItemSelected );
319
			
320
			var auxpane = new ThemeClass.ThemeClass( 'auxpane' );
321
			auxpane.style.border = '0';
322
			auxpane.style.background = this.sidepanel;
323
			styles.push( auxpane );
324
			
325
			var mainpane = new ThemeClass.ThemeClass( 'mainpane' );
326
			mainpane.style.background = this.mainpanel;
327
			mainpane.style.border = 0;
328
			
329
			styles.push( mainpane );
330
			
331
			var mainToolbar = new ThemeClass.ThemeClass( 'mainToolbar' );
332
			mainToolbar.style.background = this.toolpanel;
333
			styles.push( mainToolbar );
334
	
335
			for( var s in styles ){
336
				styleBlock = styleBlock + styles[s].toString();
337
			}
338
			
339
			return styleBlock;
340
		}
341
		
342
		ThemeSheetWriter.prototype.writeMainStyle = writeMainStyle;
343
		
344
		function render( anchor ){
345
			console.log( this.writeNavigationStyle() );
346
			console.log( this.writeLocationStyle() );
347
			console.log( this.writeMainStyle() );
348
			console.log( this.writeButtonStyle() );
349
		}
350
		
351
		ThemeSheetWriter.prototype.render = render;
352
		
90
		
353
		function getSheet( settings ){
91
		function getSheet( settings ){
354
			//TODO - temporarily disabled
92
			//TODO - temporarily disabled
355
			return "";
93
			var sheet = PrototypeStyleWriter(settings);
356
//			if( settings.navbar.value ){	
94
			return sheet;
357
//				this.navbar = settings.navbar.value;
358
//				this.button = settings.button.value;
359
//				this.location = settings.location.value;
360
//				this.selection = settings.selection.value;
361
//				this.sidepanel = settings.sidepanel.value;
362
//				this.mainpanel = settings.mainpanel.value;
363
//				this.navtext = settings.navtext.value;
364
//				this.search = settings.search.value;
365
//				this.content = settings.content.value;
366
//				this.toolpanel = settings.toolpanel.value;
367
//				this.bannerProgress = settings.bannerProgress.value;
368
//			}else{
369
//				this.navbar = settings.navbar;
370
//				this.button = settings.button;
371
//				this.location = settings.location;
372
//				this.selection = settings.selection;
373
//				this.sidepanel = settings.sidepanel;
374
//				this.mainpanel = settings.mainpanel;
375
//				this.navtext = settings.navtext;
376
//				this.search = settings.search;
377
//				this.content = settings.content;
378
//				this.toolpanel = settings.toolpanel;
379
//				this.bannerProgress = settings.bannerProgress;
380
//			}
381
//			
382
//			var sheet = this.writeNavigationStyle() + this.writeLocationStyle() + this.writeMainStyle() + this.writeButtonStyle();
383
//			
384
//			return sheet;
385
		}
95
		}
386
		
96
		
387
		ThemeSheetWriter.prototype.getSheet = getSheet;
97
		ThemeSheetWriter.prototype.getSheet = getSheet;
Lines 391-394 define(['orion/widgets/themes/ThemeClass'], Link Here
391
		};
101
		};
392
102
393
	}
103
	}
394
);
104
);

Return to bug 507788