fix: theme broken in some cases (#985)

frontend/packages/core/src/store/theme/reducers.ts

@@ -14,15 +14,14 @@
  * limitations under the License.
  */
 
-import {THEME, autoTheme} from '~/utils/theme';
+import {THEME, autoTheme, parseTheme} from '~/utils/theme';
 import type {ThemeActionTypes, ThemeState} from './types';
 
 import {ActionTypes} from './types';
-import type {Theme} from '~/utils/theme';
 
 const STORAGE_KEY = 'theme';
 
-const theme = THEME || (window.localStorage.getItem(STORAGE_KEY) as Theme | undefined) || 'auto';
+const theme = THEME || parseTheme(window.localStorage.getItem(STORAGE_KEY) || '') || 'auto';
 
 const initState: ThemeState = {
     theme: theme === 'auto' ? autoTheme : theme,

frontend/packages/core/src/utils/theme.ts

@@ -21,7 +21,9 @@ import kebabCase from 'lodash/kebabCase';
 
 export type Theme = 'light' | 'dark';
 
-export const THEME: Theme | undefined = import.meta.env.SNOWPACK_PUBLIC_THEME;
+export const parseTheme = (t: string): Theme | undefined => (['light', 'dark'].includes(t) ? (t as Theme) : undefined);
+
+export const THEME = parseTheme(import.meta.env.SNOWPACK_PUBLIC_THEME);
 
 export const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');