From f42eff06d11fb699ce48ecda29ed561b69802212 Mon Sep 17 00:00:00 2001 From: Ben Potter Date: Thu, 24 Jul 2025 12:38:20 +0000 Subject: [PATCH] feat: Add purple theme to dashboard Replace sky blue colors with purple in the dark theme: - Primary colors: sky -> purple (400, 500, 600) - Background: zinc -> purple (900, 950) for immersive purple experience - Divider: zinc -> purple (700) for consistent theming This creates a bold purple dashboard theme that maintains good contrast and readability while providing a distinctive visual experience. --- site/src/theme/dark/mui.ts | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/site/src/theme/dark/mui.ts b/site/src/theme/dark/mui.ts index e0902d857125f..9a1b4671e5c55 100644 --- a/site/src/theme/dark/mui.ts +++ b/site/src/theme/dark/mui.ts @@ -8,10 +8,10 @@ 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], @@ -19,15 +19,15 @@ const muiTheme = createTheme({ 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],