diff --git a/backend/api/models.py b/backend/api/models.py index be84ae9..064f1ff 100644 --- a/backend/api/models.py +++ b/backend/api/models.py @@ -25,7 +25,7 @@ class User(AbstractUser): ('en', 'English'), ('de', 'Deutsch'), ] - theme = models.CharField(max_length=20, choices=THEME_CHOICES, default='holy_dark') + theme = models.CharField(max_length=20, choices=THEME_CHOICES, default='holy_light') language = models.CharField(max_length=2, choices=LANGUAGE_CHOICES, default='en') avatar = models.ImageField(upload_to='avatars/', blank=True, null=True) pending_email = models.EmailField(max_length=254, blank=True, null=True) diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index e71ef1f..80ac82f 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -167,7 +167,7 @@ const GlobalSearch = () => { const App: React.FC = () => { const { i18n, t } = useTranslation(); - const [themeName, setThemeName] = useState((localStorage.getItem('theme') as CatppuccinTheme) || 'holy_dark'); + const [themeName, setThemeName] = useState((localStorage.getItem('theme') as CatppuccinTheme) || 'holy_light'); const [anchorEl, setAnchorEl] = useState(null); const [catAnchorEl, setCatAnchorEl] = useState(null); const [categories, setCategories] = useState<{name: string, slug: string}[]>([]); diff --git a/frontend/src/pages/Settings.tsx b/frontend/src/pages/Settings.tsx index c67a3f6..e389712 100644 --- a/frontend/src/pages/Settings.tsx +++ b/frontend/src/pages/Settings.tsx @@ -199,8 +199,8 @@ const Settings: React.FC = ({ themeName, onThemeChange }) => { onChange={(e) => onThemeChange(e.target.value as CatppuccinTheme)} > Holy Energy - Holy Dark (Default) - Holy Light + Holy Light (Default) + Holy Dark Light Themes Latte diff --git a/frontend/src/theme.ts b/frontend/src/theme.ts index 4f7aec1..ab77daa 100644 --- a/frontend/src/theme.ts +++ b/frontend/src/theme.ts @@ -139,15 +139,15 @@ export const getTheme = (mode: CatppuccinTheme) => { palette = flavor.colors; } else { palette = { - base: { hex: '#0f0f0f' }, - surface0: { hex: '#1a1a1a' }, - crust: { hex: '#000000' }, - text: { hex: '#ffffff' }, - subtext0: { hex: '#a0a0a0' }, - mauve: { hex: '#9d4edd' }, - pink: { hex: '#ff4dff' }, + base: { hex: '#ffffff' }, + surface0: { hex: '#f8f9fa' }, + crust: { hex: '#e9ecef' }, + text: { hex: '#1a1a1a' }, + subtext0: { hex: '#6c757d' }, + mauve: { hex: '#8a2be2' }, + pink: { hex: '#ff00ff' }, }; - mode = 'holy_dark'; + mode = 'holy_light'; } }