feat: add getting theme from cookie

build/globals.webpack.js

@@ -81,6 +81,8 @@ module.exports = {
 
 	DETECT_USER_PREFERENCES: s(config.theme.detectUserPreferences()),
 
+	POST_PROCESS_THEME: s(config.theme.postProcessor),
+
 	DS: runtime.passDesignSystem && pzlr.designSystem ?
 		s(getDS()) :
 		null,

index.d.ts

@@ -47,6 +47,8 @@ declare const DETECT_USER_PREFERENCES: CanUndef<
 	}>>
 >;
 
+declare const POST_PROCESS_THEME: CanUndef<boolean>;
+
 declare const DS: CanUndef<DesignSystem>;
 declare const DS_COMPONENTS_MODS: CanUndef<{
 	[name: string]: Nullable<Array<string | boolean | number>>;

src/components/super/i-static-page/modules/theme/theme-manager.ts

@@ -7,6 +7,7 @@
  */
 
 import symbolGenerator from 'core/symbol';
+import { syncLocalStorage } from 'core/kv-storage/engines/cookie';
 
 import type iBlock from 'components/super/i-block/i-block';
 import type iStaticPage from 'components/super/i-static-page/i-static-page';
@@ -50,7 +51,13 @@ export default class ThemeManager extends Friend {
 
 		let theme = THEME;
 
-		if (Object.isDictionary(DETECT_USER_PREFERENCES)) {
+		if (POST_PROCESS_THEME) {
+			const themeFromCookie = syncLocalStorage.get('colorTheme');
+
+			if (themeFromCookie != null && this.availableThemes.has(themeFromCookie)) {
+				theme = themeFromCookie;
+			}
+		} else if (Object.isDictionary(DETECT_USER_PREFERENCES)) {
 			const
 				prefersColorSchemeEnabled = Object.get<boolean>(DETECT_USER_PREFERENCES, 'prefersColorScheme.enabled') ?? false,
 				darkTheme = Object.get<string>(DETECT_USER_PREFERENCES, 'prefersColorScheme.aliases.dark') ?? 'dark',
@@ -97,6 +104,7 @@ export default class ThemeManager extends Friend {
 		const oldValue = this.currentStore;
 
 		this.currentStore = value;
+		syncLocalStorage.set('colorTheme', value);
 		document.documentElement.setAttribute(this.themeAttribute, value);
 
 		void this.component.lfc.execCbAtTheRightTime(() => {