panel: fix DOM order and better background color

src/vs/workbench/browser/parts/panel/panelPart.ts

@@ -80,13 +80,6 @@ export class PanelPart extends CompositePart<Panel> implements IPanelService {
 		return this.openComposite(id, focus);
 	}
 
-	public createTitleArea(parent: Builder): Builder {
-		const result = super.createTitleArea(parent);
-		result.addClass('monaco-editor-background');
-
-		return result;
-	}
-
 	private get activePanel(): IPanel {
 		return this.getActivePanel();
 	}

src/vs/workbench/browser/workbench.ts

@@ -752,8 +752,8 @@ export class Workbench implements IPartService {
 		// Create Parts
 		this.createActivityBarPart();
 		this.createSidebarPart();
-		this.createPanelPart();
 		this.createEditorPart();
+		this.createPanelPart();
 		this.createStatusbarPart();
 
 		// Create QuickOpen
@@ -804,7 +804,7 @@ export class Workbench implements IPartService {
 	private createPanelPart(): void {
 		let panelPartContainer = $(this.workbench)
 			.div({
-				'class': ['part', 'panel'],
+				'class': ['part', 'panel', 'monaco-editor-background'],
 				id: Identifiers.PANEL_PART
 			});
 

src/vs/workbench/parts/debug/browser/repl.ts

@@ -97,8 +97,6 @@ export class Repl extends Panel {
 	public create(parent: builder.Builder): TPromise<void> {
 		super.create(parent);
 		const container = dom.append(parent.getHTMLElement(), $('.repl'));
-		// inherit the background color from selected theme.
-		dom.addClass(container, 'monaco-editor-background');
 		this.treeContainer = dom.append(container, $('.repl-tree'));
 		const replInputContainer = dom.append(container, $(platform.isWindows ? '.repl-input-wrapper.windows' : platform.isMacintosh ? '.repl-input-wrapper.mac' : '.repl-input-wrapper.linux'));
 		this.replInput = <HTMLInputElement>dom.append(replInputContainer, $('input.repl-input'));