theming - debug dropdown

src/vs/platform/theme/common/styler.ts

@@ -28,10 +28,17 @@ export function attachStyler(themeService: IThemeService, widget: IThemable, opt
 	return themeService.onThemeChange(applyStyles);
 }
 
-export function attachInputBoxStyler(widget: IThemable, themeService: IThemeService): IDisposable {
-	return attachStyler(themeService, widget, { inputBackground, inputForeground });
+export function attachInputBoxStyler(widget: IThemable, themeService: IThemeService, style?: { inputBackground?: ColorIdentifier, inputForeground?: ColorIdentifier }): IDisposable {
+	return attachStyler(themeService, widget, {
+		inputBackground: (style && style.inputBackground) || inputBackground,
+		inputForeground: (style && style.inputForeground) || inputForeground
+	});
 }
 
-export function attachSelectBoxStyler(widget: IThemable, themeService: IThemeService): IDisposable {
-	return attachStyler(themeService, widget, { selectBackground, selectForeground, selectBorder });
+export function attachSelectBoxStyler(widget: IThemable, themeService: IThemeService, style?: { selectBackground?: ColorIdentifier, selectForeground?: ColorIdentifier, selectBorder?: ColorIdentifier }): IDisposable {
+	return attachStyler(themeService, widget, {
+		selectBackground: (style && style.selectBackground) || selectBackground,
+		selectForeground: (style && style.selectForeground) || selectForeground,
+		selectBorder: (style && style.selectBorder) || selectBorder
+	});
 }
\ No newline at end of file

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

@@ -18,6 +18,7 @@ import { ICommandService } from 'vs/platform/commands/common/commands';
 import { IDebugService } from 'vs/workbench/parts/debug/common/debug';
 import { IThemeService } from "vs/platform/theme/common/themeService";
 import { attachSelectBoxStyler } from "vs/platform/theme/common/styler";
+import { SIDE_BAR_BACKGROUND } from "vs/workbench/common/theme";
 
 const $ = dom.$;
 
@@ -43,7 +44,9 @@ export class StartDebugActionItem extends EventEmitter implements IActionItem {
 		super();
 		this.toDispose = [];
 		this.selectBox = new SelectBox([], -1);
-		this.toDispose.push(attachSelectBoxStyler(this.selectBox, themeService));
+		this.toDispose.push(attachSelectBoxStyler(this.selectBox, themeService, {
+			selectBackground: SIDE_BAR_BACKGROUND
+		}));
 
 		this.registerListeners();
 	}

src/vs/workbench/parts/debug/browser/media/debugViewlet.css

@@ -94,20 +94,11 @@
 }
 
 .monaco-workbench .monaco-action-bar .start-debug-action-item .configuration .select-box {
-	background-color: #f3f3f3 !important;
 	border: none;
 	margin-top: 0px;
 	cursor: pointer;
 }
 
-.vs-dark .monaco-workbench .monaco-action-bar .start-debug-action-item .configuration .select-box {
-	background-color: #252526 !important;
-}
-
-.hc-black .monaco-workbench .monaco-action-bar .start-debug-action-item .configuration .select-box {
-	background-color: #000 !important;
-}
-
 .monaco-workbench .monaco-action-bar .start-debug-action-item .configuration.disabled .select-box {
 	opacity: 0.7;
 	font-style: italic;