From 892e6e824ac4dbf1e56a75897387518070bd30dd Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbitlabs.com>
Date: Mon, 9 Mar 2026 15:53:53 +0800
Subject: [PATCH] fix(settings): restore style selector to interface settings

---
 .../settings-modal/interface-settings/interface-settings.tsx  | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/settings-modal/interface-settings/interface-settings.tsx b/src/components/settings-modal/interface-settings/interface-settings.tsx
index d8c5393c..3b67ac9b 100644
--- a/src/components/settings-modal/interface-settings/interface-settings.tsx
+++ b/src/components/settings-modal/interface-settings/interface-settings.tsx
@@ -6,6 +6,7 @@ import capitalize from 'lodash/capitalize';
 import useExpandedMediaStore from '../../../stores/use-expanded-media-store';
 import useFeedViewSettingsStore from '../../../stores/use-feed-view-settings-store';
 import Version from '../../version';
+import StyleSelector from '../../style-selector/style-selector';
 import { INTERFACE_LANGUAGE_STORAGE_KEY, SUPPORTED_INTERFACE_LANGUAGES } from '../../../lib/constants';
 
 const commitRef = process.env.VITE_COMMIT_REF;
@@ -107,6 +108,9 @@ const InterfaceSettings = () => {
       <div className={styles.setting}>
         {capitalize(t('interface_language'))}: <InterfaceLanguage />
       </div>
+      <div className={styles.setting}>
+        {capitalize(t('style'))}: <StyleSelector />
+      </div>
       <div className={styles.setting}>
         <label>
           <input type='checkbox' checked={fitExpandedImagesToScreen} onChange={(e) => setFitExpandedImagesToScreen(e.target.checked)} />