oh, cool

aslilac · aslilac · commit 4412186d55dc · 2024-08-19T22:53:17.000Z
diff --git a/site/src/components/BuildAvatar/BuildAvatar.tsx b/site/src/components/BuildAvatar/BuildAvatar.tsx
@@ -17,7 +17,7 @@ export const BuildAvatar: FC<BuildAvatarProps> = ({ build, size }) => {
 	const theme = useTheme();
 	const { status, type } = getDisplayWorkspaceBuildStatus(theme, build);
 	const badgeType = useClassName(
-		(css, theme) => css({ backgroundColor: theme.palette[type].light }),
+		(css, theme) => css({ backgroundColor: theme.roles[type].background }),
 		[type],
 	);
 
diff --git a/site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.tsx b/site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.tsx
@@ -19,7 +19,7 @@ export const WorkspaceBuildData = ({ build }: { build: WorkspaceBuild }) => {
 				css={{
 					width: 16,
 					height: 16,
-					color: theme.palette[statusType].light,
+					color: theme.roles[statusType].fill.solid,
 				}}
 			/>
 			<div css={{ overflow: "hidden" }}>
diff --git a/site/src/utils/workspace.tsx b/site/src/utils/workspace.tsx
@@ -42,7 +42,7 @@ export const getDisplayWorkspaceBuildStatus = (
 			} as const;
 		case "pending":
 			return {
-				type: "secondary",
+				type: "inactive",
 				color: theme.roles.active.text,
 				status: DisplayWorkspaceBuildStatusLanguage.pending,
 			} as const;
@@ -68,7 +68,7 @@ export const getDisplayWorkspaceBuildStatus = (
 			} as const;
 		case "canceled":
 			return {
-				type: "secondary",
+				type: "inactive",
 				color: theme.roles.warning.text,
 				status: DisplayWorkspaceBuildStatusLanguage.canceled,
 			} as const;
