feat: Add purple theme to dashboard

Ben Potter · Ben Potter · commit f42eff06d11f · 2025-07-24T12:38:20.000Z
Replace sky blue colors with purple in the dark theme:
- Primary colors: sky -&gt; purple (400, 500, 600)
- Background: zinc -&gt; purple (900, 950) for immersive purple experience
- Divider: zinc -&gt; purple (700) for consistent theming

This creates a bold purple dashboard theme that maintains good contrast
and readability while providing a distinctive visual experience.
diff --git a/site/src/theme/dark/mui.ts b/site/src/theme/dark/mui.ts
@@ -8,26 +8,26 @@ const muiTheme = createTheme({
 	palette: {
 		mode: "dark",
 		primary: {
-			main: tw.sky[500],
+			main: tw.purple[500],
 			contrastText: tw.white,
-			light: tw.sky[400],
-			dark: tw.sky[600],
+			light: tw.purple[400],
+			dark: tw.purple[600],
 		},
 		secondary: {
 			main: tw.zinc[500],
 			contrastText: tw.zinc[200],
 			dark: tw.zinc[400],
 		},
 		background: {
-			default: tw.zinc[950],
-			paper: tw.zinc[900],
+			default: tw.purple[950],
+			paper: tw.purple[900],
 		},
 		text: {
 			primary: tw.zinc[50],
 			secondary: tw.zinc[400],
 			disabled: tw.zinc[500],
 		},
-		divider: tw.zinc[700],
+		divider: tw.purple[700],
 		warning: {
 			light: tw.amber[500],
 			main: tw.amber[800],
