main.js

src/lib/style.js

@@ -0,0 +1,29 @@
+import { applyStyleConfig } from 'src/services/style_setter/style_setter.js'
+
+const APPEARANCE_SETTINGS_KEYS = new Set(
+  [
+    'sidebarColumnWidth',
+    'contentColumnWidth',
+    'notifsColumnWidth',
+    'themeEditorMinWidth',
+    'textSize',
+    'navbarSize',
+    'panelHeaderSize',
+    'forcedRoundness',
+    'emojiSize',
+    'emojiReactionsScale',
+  ].map((x) => 'simple.' + x),
+)
+
+export const piniaStylePlugin = ({ store, options }) => {
+  if (store.$id === 'sync_config') {
+    store.$onAction(({ name, args, after }) => {
+      if (name === 'setPreference') {
+        const { path } = args[0]
+        if (APPEARANCE_SETTINGS_KEYS.has(path)) {
+          after(() => applyStyleConfig(store.mergedConfig))
+        }
+      }
+    })
+  }
+}