added themes and theme selection to settings page

2026-04-15 14:47:58 -07:00
parent 694eb23e7b
commit ca559de2c0
5 changed files with 320 additions and 53 deletions
@@ -0,0 +1,74 @@
+import { createTheme } from '@mui/material/styles'
+
+export type AppThemeId = 'hydrus-dark' | 'ocean' | 'ember' | 'paper'
+
+type ThemePreset = {
+  id: AppThemeId
+  label: string
+  description: string
+}
+
+export const APP_THEME_PRESETS: ThemePreset[] = [
+  {
+    id: 'hydrus-dark',
+    label: 'Hydrus Dark',
+    description: 'Dark graphite with the original green accent.',
+  },
+  {
+    id: 'ocean',
+    label: 'Ocean',
+    description: 'Deep blue panels with a cool cyan accent.',
+  },
+  {
+    id: 'ember',
+    label: 'Ember',
+    description: 'Warm dark surfaces with a copper highlight.',
+  },
+  {
+    id: 'paper',
+    label: 'Paper Light',
+    description: 'Clean light interface with ink-blue accents.',
+  },
+]
+
+export function createAppTheme(themeId: AppThemeId) {
+  switch (themeId) {
+    case 'ocean':
+      return createTheme({
+        palette: {
+          mode: 'dark',
+          primary: { main: '#4cc9f0' },
+          secondary: { main: '#90e0ef' },
+          background: { default: '#07141d', paper: '#0d1e2b' },
+        },
+      })
+    case 'ember':
+      return createTheme({
+        palette: {
+          mode: 'dark',
+          primary: { main: '#ff7a3d' },
+          secondary: { main: '#ffb26b' },
+          background: { default: '#17110f', paper: '#241714' },
+        },
+      })
+    case 'paper':
+      return createTheme({
+        palette: {
+          mode: 'light',
+          primary: { main: '#1f4d7a' },
+          secondary: { main: '#6785a3' },
+          background: { default: '#f2efe8', paper: '#fffdf8' },
+        },
+      })
+    case 'hydrus-dark':
+    default:
+      return createTheme({
+        palette: {
+          mode: 'dark',
+          primary: { main: '#1db954' },
+          secondary: { main: '#6ee7a2' },
+          background: { default: '#0f1113', paper: '#151617' },
+        },
+      })
+  }
+}