feat: use proper light/dark icon set

Author: cmoog

media/creating.png

@@ -118,16 +118,16 @@
         "command": "coderWorkspaces.shutdownWorkspace",
         "title": "Shutdown",
         "icon": {
-          "light": "media/stop.png",
-          "dark": "media/stop.png"
+          "light": "media/light/stop.svg",
+          "dark": "media//dark/stop.svg"
         }
       },
       {
         "command": "coderWorkspaces.openWorkspace",
         "title": "Open",
         "icon": {
-          "light": "media/open.webp",
-          "dark": "media/open.webp"
+          "light": "media/light/launch.svg",
+          "dark": "media/dark/launch.svg"
         }
       }
     ]

media/dark/books.svg

@@ -6,7 +6,6 @@ import * as which from "which"
 
 import {
   CoderWorkspacesProvider,
-  CoderWorkspace,
   rebuildWorkspace,
   openWorkspace,
   shutdownWorkspace,

media/dark/error.svg

@@ -26,7 +26,10 @@ export class CoderHelpProvider implements vscode.TreeDataProvider<vscode.TreeIte
 
 const docsLink = (): vscode.TreeItem => {
   const item = new vscode.TreeItem("Read the Coder Documentation", vscode.TreeItemCollapsibleState.None)
-  item.iconPath = path.join(__filename, "..", "..", "media", "docs.svg")
+  item.iconPath = {
+    dark: path.join(__filename, "..", "..", "media", "dark", "books.svg"),
+    light: path.join(__filename, "..", "..", "media", "light", "books.svg"),
+  }
   item.command = {
     title: "Open Coder Documentation",
     command: "vscode.open",

media/dark/hourglass.svg

@@ -97,7 +97,11 @@ export class CoderWorkspaceListItem extends vscode.TreeItem {
     const image = images.find((a) => a.id === workspace.image_id)!
     this.description = `${image.repository}:${workspace.image_tag}, ${workspace.cpu_cores} vCPU, ${workspace.memory_gb}GB Memory`
 
-    this.iconPath = workspaceIcon(workspace)
+    const icon = workspaceIcon(workspace)
+    this.iconPath = {
+      dark: path.join(mediaDir, "dark", icon),
+      light: path.join(mediaDir, "light", icon),
+    }
     this.tooltip = `${this.label}
 ${image.repository}:${workspace.image_tag}
 ${workspace.cpu_cores} vCPU
@@ -107,10 +111,10 @@ ${workspace.memory_gb} GB Memory`
 
 const workspaceIcon = ({ latest_stat: { container_status } }: CoderWorkspace): string => {
   const file = {
-    OFF: "off.png",
-    CREATING: "creating.png",
-    ERROR: "error.png",
-    ON: "on.png",
+    OFF: "off.svg",
+    CREATING: "hourglass.svg",
+    ERROR: "error.svg",
+    ON: "on.svg",
   }[container_status]
-  return path.join(mediaDir, file!)
+  return file!
 }