diff --git a/public/locales/en.json b/public/locales/en.json index 2586e761..ae33e2e7 100644 --- a/public/locales/en.json +++ b/public/locales/en.json @@ -858,14 +858,17 @@ "success": "Selected theme" }, "themes": { + "bright_pink": "Bright Pink", "crimson": "Crimson", "dune": "Dune", - "forest_dew": "Forest dew", + "forest_dew": "Forest Dew", "lavender": "Lavender", "minty_miracles": "Minty Miracles", - "mountain_sunset": "Mountain sunset", - "orange_juice": "Orange juice", - "rosegold": "Rosegold" + "mountain_sunset": "Mountain Sunset", + "orange_juice": "Orange Juice", + "rosegold": "Rosegold", + "tree_frog_green": "Tree Frog Green", + "veronica": "Veronica" }, "title": "Theme" }, diff --git a/src/lib/ui/AppThemes.ts b/src/lib/ui/AppThemes.ts index 362b437e..b7da24b0 100644 --- a/src/lib/ui/AppThemes.ts +++ b/src/lib/ui/AppThemes.ts @@ -141,6 +141,48 @@ const themes = { }, }, }, + 'bright pink': { + isCustom: false, + getName: () => translate('settings.appearance.theme.themes.bright_pink'), + muiTheme: { + palette: { + primary: { + main: '#FF007F', + }, + secondary: { + main: '#00FF80', + }, + }, + }, + }, + veronica: { + isCustom: false, + getName: () => translate('settings.appearance.theme.themes.veronica'), + muiTheme: { + palette: { + primary: { + main: '#A020F0', + }, + secondary: { + main: '#70F020', + }, + }, + }, + }, + 'tree frog green': { + isCustom: false, + getName: () => translate('settings.appearance.theme.themes.tree_frog_green'), + muiTheme: { + palette: { + primary: { + main: '#8ace31', + }, + secondary: { + main: '#7531CE', + }, + }, + }, + }, } as const satisfies Record; export type AppThemes = keyof typeof themes | string;