theming - add more default styles

src/vs/base/browser/ui/inputbox/inputBox.ts

@@ -18,6 +18,7 @@ import { IContextViewProvider, AnchorAlignment } from 'vs/base/browser/ui/contex
 import Event, { Emitter } from 'vs/base/common/event';
 import { Widget } from 'vs/base/browser/ui/widget';
 import { Color } from 'vs/base/common/color';
+import { mixin } from "vs/base/common/objects";
 
 const $ = dom.$;
 
@@ -62,6 +63,11 @@ export interface IRange {
 	end: number;
 }
 
+const defaultOpts = {
+	inputBackground: Color.fromHex('#3C3C3C'),
+	inputForeground: Color.fromHex('#CCCCCC')
+};
+
 export class InputBox extends Widget {
 	private contextViewProvider: IContextViewProvider;
 	private element: HTMLElement;
@@ -92,6 +98,7 @@ export class InputBox extends Widget {
 
 		this.contextViewProvider = contextViewProvider;
 		this.options = options || Object.create(null);
+		mixin(this.options, defaultOpts, false);
 		this.message = null;
 		this.cachedHeight = null;
 		this.placeholder = this.options.placeholder || '';

src/vs/base/browser/ui/selectBox/selectBox.ts

@@ -18,6 +18,12 @@ export interface ISelectBoxStyles {
 	selectBorder?: Color;
 }
 
+const defaultStyles = {
+	selectBackground: Color.fromHex('#3C3C3C'),
+	selectForeground: Color.fromHex('#F0F0F0'),
+	selectBorder: Color.fromHex('#3C3C3C')
+};
+
 export class SelectBox extends Widget {
 
 	private selectElement: HTMLSelectElement;
@@ -40,11 +46,9 @@ export class SelectBox extends Widget {
 		this.toDispose = [];
 		this._onDidSelect = new Emitter<string>();
 
-		if (styles) {
-			this.selectBackground = styles.selectBackground;
-			this.selectForeground = styles.selectForeground;
-			this.selectBorder = styles.selectBorder;
-		}
+		this.selectBackground = styles.selectBackground || defaultStyles.selectBackground;
+		this.selectForeground = styles.selectForeground || defaultStyles.selectForeground;
+		this.selectBorder = styles.selectBorder || defaultStyles.selectBorder;
 
 		this.toDispose.push(dom.addStandardDisposableListener(this.selectElement, 'change', (e) => {
 			this.selectElement.title = e.target.value;

src/vs/base/parts/quickopen/browser/quickOpenWidget.ts

@@ -26,6 +26,7 @@ import { KeyCode, KeyMod } from 'vs/base/common/keyCodes';
 import { IDisposable, dispose } from 'vs/base/common/lifecycle';
 import { ScrollbarVisibility } from 'vs/base/common/scrollable';
 import { Color } from "vs/base/common/color";
+import { mixin } from "vs/base/common/objects";
 
 export interface IQuickOpenCallbacks {
 	onOk: () => void;
@@ -77,6 +78,11 @@ export enum HideReason {
 	CANCELED
 }
 
+const defaultStyles = {
+	background: Color.fromHex('#1E1E1E'),
+	foreground: Color.fromHex('#CCCCCC')
+};
+
 const DEFAULT_INPUT_ARIA_LABEL = nls.localize('quickOpenAriaLabel', "Quick picker. Type to narrow down results.");
 
 export class QuickOpenWidget implements IModelProvider {
@@ -111,7 +117,8 @@ export class QuickOpenWidget implements IModelProvider {
 		this.container = container;
 		this.callbacks = callbacks;
 		this.options = options;
-		this.styles = options;
+		this.styles = options || Object.create(null);
+		mixin(this.styles, defaultStyles, false);
 		this.usageLogger = usageLogger;
 		this.model = null;
 	}