Inherit theme color for brief loading screen

kylecarbs · kylecarbs · commit 4f67899288a6 · 2019-03-01T09:45:59.000-06:00
diff --git a/packages/vscode/src/fill/storageDatabase.ts b/packages/vscode/src/fill/storageDatabase.ts
@@ -52,7 +52,13 @@ class StorageDatabase implements workspaceStorage.IStorageDatabase {
 
 	public updateItems(request: workspaceStorage.IUpdateRequest): Promise<void> {
 		if (request.insert) {
-			request.insert.forEach((value, key) => this.items.set(key, value));
+			request.insert.forEach((value, key) => {
+				if (key === "colorThemeData") {
+					localStorage.setItem("colorThemeData", value);
+				}
+
+				this.items.set(key, value);
+			});
 		}
 
 		if (request.delete) {
diff --git a/packages/web/src/index.html b/packages/web/src/index.html
@@ -1,9 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<title>VS Code</title>
-	</head>
-	<body>
-	</body>
-</html>
+
+<head>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>code-server</title>
+</head>
+
+<body style="background: rgb(30, 30, 30);">
+	<script>
+		(() => {
+			const rawColorTheme = localStorage.getItem("colorThemeData");
+			if (!rawColorTheme) {
+				return;
+			}
+			const colorTheme = JSON.parse(rawColorTheme);
+			const colorMap = colorTheme.colorMap;
+			if (!colorMap) {
+				return;
+			}
+			const bg = colorMap["editor.background"];
+			if (!bg) {
+				return;
+			}
+			document.body.style.background = bg;
+		})();
+	</script>
+</body>
+
+</html>
