diff --git a/apps/machine/src/composables/useTheme.ts b/apps/machine/src/composables/useTheme.ts index 48c6444..edcbfa0 100644 --- a/apps/machine/src/composables/useTheme.ts +++ b/apps/machine/src/composables/useTheme.ts @@ -23,6 +23,8 @@ const MODE_KEY = 'lamassu-color-mode' const current = ref(loadTheme()) const colorMode = ref(loadColorMode()) +const isElectron = !!(window as Record).electronAPI + function loadTheme(): ThemeId { try { const stored = localStorage.getItem(THEME_KEY) @@ -32,7 +34,7 @@ function loadTheme(): ThemeId { } catch { // localStorage unavailable (e.g. SSR) } - return 'gruvbox' + return isElectron ? 'catppuccin' : 'gruvbox' } function loadColorMode(): ColorMode { @@ -44,7 +46,7 @@ function loadColorMode(): ColorMode { } catch { // localStorage unavailable } - return 'dark' + return isElectron ? 'light' : 'dark' } function applyTheme(id: ThemeId) { diff --git a/apps/machine/src/views/IdleView.vue b/apps/machine/src/views/IdleView.vue index 877bd6a..2bc3a7b 100644 --- a/apps/machine/src/views/IdleView.vue +++ b/apps/machine/src/views/IdleView.vue @@ -197,9 +197,9 @@ function handleCashOut() { - +