ux: change colors for inflight workspace actions (#1986)

oxy · kylecarbs · commit 0e686cc2f3c8 · 2022-06-10T17:02:41.000Z
diff --git a/site/src/util/workspace.ts b/site/src/util/workspace.ts
@@ -64,6 +64,7 @@ export const DisplayStatusLanguage = {
   queued: "Queued",
 }
 
+// Localize workspace status and provide corresponding color from theme
 export const getDisplayStatus = (
   theme: Theme,
   build: WorkspaceBuild,
@@ -85,12 +86,12 @@ export const getDisplayStatus = (
       }
     case "starting":
       return {
-        color: theme.palette.success.main,
+        color: theme.palette.primary.main,
         status: `⦿ ${DisplayStatusLanguage.starting}`,
       }
     case "stopping":
       return {
-        color: theme.palette.text.secondary,
+        color: theme.palette.primary.main,
         status: `◍ ${DisplayStatusLanguage.stopping}`,
       }
     case "stopped":

Original file line number	Diff line number	Diff line change
`@@ -64,6 +64,7 @@ export const DisplayStatusLanguage = {`
`64`	`64`	`queued: "Queued",`
`65`	`65`	`}`
`66`	`66`
	`67`	`+// Localize workspace status and provide corresponding color from theme`
`67`	`68`	`export const getDisplayStatus = (`
`68`	`69`	`theme: Theme,`
`69`	`70`	`build: WorkspaceBuild,`
`@@ -85,12 +86,12 @@ export const getDisplayStatus = (`
`85`	`86`	`}`
`86`	`87`	`case "starting":`
`87`	`88`	`return {`
`88`		`- color: theme.palette.success.main,`
	`89`	`+ color: theme.palette.primary.main,`
`89`	`90`	status: `⦿ ${DisplayStatusLanguage.starting}`,
`90`	`91`	`}`
`91`	`92`	`case "stopping":`
`92`	`93`	`return {`
`93`		`- color: theme.palette.text.secondary,`
	`94`	`+ color: theme.palette.primary.main,`
`94`	`95`	status: `◍ ${DisplayStatusLanguage.stopping}`,
`95`	`96`	`}`
`96`	`97`	`case "stopped":`