From 1cd4405caf08d841fa4a6e037426936c8585cd53 Mon Sep 17 00:00:00 2001
From: Jon Ayers <jon@coder.com>
Date: Wed, 4 Oct 2023 15:20:13 -0500
Subject: [PATCH] fix: change alpha badge color to violet (#10029)

- Makes it less scary.
---
 site/src/components/DeploySettingsLayout/Badges.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/site/src/components/DeploySettingsLayout/Badges.tsx b/site/src/components/DeploySettingsLayout/Badges.tsx
index ca51a3a070..dfef954018 100644
--- a/site/src/components/DeploySettingsLayout/Badges.tsx
+++ b/site/src/components/DeploySettingsLayout/Badges.tsx
@@ -2,6 +2,7 @@ import type { PropsWithChildren, FC } from "react";
 import Tooltip from "@mui/material/Tooltip";
 import { type Interpolation, type Theme } from "@emotion/react";
 import { Stack } from "components/Stack/Stack";
+import { colors } from "theme/colors";
 
 const styles = {
   badge: (theme) => ({
@@ -109,10 +110,11 @@ export const AlphaBadge: FC = () => {
     <span
       css={[
         styles.badge,
-        (theme) => ({
-          border: `1px solid ${theme.palette.error.light}`,
-          backgroundColor: theme.palette.error.dark,
-        }),
+        {
+          border: `1px solid ${colors.violet[10]}`,
+          backgroundColor: colors.violet[14],
+          color: colors.violet[1],
+        },
       ]}
     >
       Alpha