@@ -754,7 +754,16 @@
 						"light"
 					],
 					"default": "dark",
-					"description": "The theme to use for Dart DevTools and Icon previews in Hovers",
+					"description": "The theme to use for Icon previews in Hovers. VS Code does not offer an API to check whether the current theme is Dart or Light so this must be configured manually.",
+					"scope": "window"
+				},
+				"dart.devToolsTheme": {
+					"enum": [
+						"dark",
+						"light"
+					],
+					"default": "light",
+					"description": "The theme to use for Dart DevTools.",
 					"scope": "window"
 				},
 				"dart.doNotFormat": {
 
@@ -63,6 +63,7 @@ class Config {
 	get showTodos() { return this.getConfig<boolean>("showTodos"); }
 	get showIgnoreQuickFixes() { return this.getConfig<boolean>("showIgnoreQuickFixes"); }
 	get theme() { return this.getConfig<string>("theme"); }
+	get devToolsTheme() { return this.getConfig<string>("devToolsTheme"); }
 	get triggerSignatureHelpAutomatically() { return this.getConfig<boolean>("triggerSignatureHelpAutomatically"); }
 	get warnWhenEditingFilesOutsideWorkspace() { return this.getConfig<boolean>("warnWhenEditingFilesOutsideWorkspace"); }
 	public setWarnWhenEditingFilesOutsideWorkspace(value: boolean): Thenable<void> { return this.setConfig("warnWhenEditingFilesOutsideWorkspace", value, ConfigurationTarget.Global); }
@@ -78,6 +79,7 @@ class Config {
 
 	// Helpers
 	get useDarkTheme() { return this.theme !== "light"; }
+	get useDevToolsDarkTheme() { return this.devToolsTheme === "dark"; } // TODO: Change this to !== "light" when we want to flip default
 
 	public for(uri?: Uri): ResourceConfig {
 		return new ResourceConfig(uri);
 
@@ -2,6 +2,7 @@ import * as child_process from "child_process";
 import * as path from "path";
 import * as vs from "vscode";
 import { Analytics } from "../analytics";
+import { config } from "../config";
 import { LogCategory, LogSeverity } from "../debug/utils";
 import { PubGlobal } from "../pub/global";
 import { openInBrowser, Sdks } from "../utils";
@@ -50,9 +51,7 @@ export class DevTools implements vs.Disposable {
 		}
 		try {
 			const url = await this.devtoolsUrl;
-			// TODO: enable using Dark theme based on setting when we're happy with it.
-			// const fullUrl = `${url}?hide=debugger&port=${observatoryPort}${config.useDarkTheme ? "&theme=dark" : ""}`;
-			const fullUrl = `${url}?hide=debugger&port=${observatoryPort}`;
+			const fullUrl = `${url}?hide=debugger&port=${observatoryPort}${config.useDevToolsDarkTheme ? "&theme=dark" : ""}`;
 			this.devToolsStatusBarItem.text = "Dart DevTools";
 			this.devToolsStatusBarItem.tooltip = `Dart DevTools is running at ${url}`;
 			this.devToolsStatusBarItem.command = "dart.openDevTools";