coder
diff --git a/‎site/src/pages/WorkspacePage/WorkspaceReadyPage.tsx
Lines changed: 6 additions & 2 deletions b/‎site/src/pages/WorkspacePage/WorkspaceReadyPage.tsx
Lines changed: 6 additions & 2 deletions
diff --git a/‎site/static/favicons/favicon-error.png renamed to ‎site/static/favicons/favicon-error-dark.png b/‎site/static/favicons/favicon-error.png renamed to ‎site/static/favicons/favicon-error-dark.png
diff --git a/‎site/static/favicons/favicon-error.svg renamed to ‎site/static/favicons/favicon-error-dark.svg b/‎site/static/favicons/favicon-error.svg renamed to ‎site/static/favicons/favicon-error-dark.svg
diff --git a/‎site/static/favicons/favicon-error-light.png
2.49 KB b/‎site/static/favicons/favicon-error-light.png
2.49 KB
diff --git a/‎site/static/favicons/favicon-error-light.svg
Lines changed: 4 additions & 0 deletions b/‎site/static/favicons/favicon-error-light.svg
Lines changed: 4 additions & 0 deletions
diff --git a/‎site/static/favicons/favicon-running.png renamed to ‎site/static/favicons/favicon-running-dark.png b/‎site/static/favicons/favicon-running.png renamed to ‎site/static/favicons/favicon-running-dark.png
diff --git a/‎site/static/favicons/favicon-running.svg renamed to ‎site/static/favicons/favicon-running-dark.svg b/‎site/static/favicons/favicon-running.svg renamed to ‎site/static/favicons/favicon-running-dark.svg
diff --git a/‎site/static/favicons/favicon-running-light.png
2.46 KB b/‎site/static/favicons/favicon-running-light.png
2.46 KB
diff --git a/‎site/static/favicons/favicon-running-light.svg
Lines changed: 4 additions & 0 deletions b/‎site/static/favicons/favicon-running-light.svg
Lines changed: 4 additions & 0 deletions
diff --git a/‎site/static/favicons/favicon-success.png renamed to ‎site/static/favicons/favicon-success-dark.png b/‎site/static/favicons/favicon-success.png renamed to ‎site/static/favicons/favicon-success-dark.png
@@ -98,6 +98,10 @@ export const WorkspaceReadyPage = ({
     ...templateVersion(workspace.template_active_version_id),
     enabled: workspace.outdated,
   });
+  const systemTheme = useState(() => {
+    const isDark = window.matchMedia("(prefers-color-scheme: dark)");
+    return isDark ? "dark" : "light";
+  });
 
   const buildLogs = useWorkspaceBuildLogs(workspace.latest_build.id);
   const shouldDisplayBuildLogs =
@@ -124,12 +128,12 @@ export const WorkspaceReadyPage = ({
         <link
           rel="alternate icon"
           type="image/png"
-          href={`/favicons/${favicon}.png`}
+          href={`/favicons/${favicon}-${systemTheme}.png`}
         />
         <link
           rel="icon"
           type="image/svg+xml"
-          href={`/favicons/${favicon}.svg`}
+          href={`/favicons/${favicon}-${systemTheme}.svg`}
         />
       </Helmet>