Inherit theme color for brief loading screen

This commit is contained in:
Kyle Carberry 2019-03-01 09:45:59 -06:00
parent 94edbd59e9
commit 38b500fc02
No known key found for this signature in database
GPG Key ID: A0409BDB6B0B3EDB
2 changed files with 35 additions and 8 deletions

View File

@ -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) {

View File

@ -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>