Refine Settings UI: Fix dark mode text colors, split font controls for headers and body, update monospace stack, and soft-deprecate tags

1 files changed, 7 insertions, 0 deletions

diff --git a/frontend-vanilla/src/store.ts b/frontend-vanilla/src/store.ts
index c92059a..dc79339 100644
--- a/frontend-vanilla/src/store.ts
+++ b/frontend-vanilla/src/store.ts
@@ -33,6 +33,7 @@ export class Store extends EventTarget {
     hasMore: boolean = true;
     theme: string = localStorage.getItem('neko-theme') || 'light';
     fontTheme: string = localStorage.getItem('neko-font-theme') || 'default';
+    headingFontTheme: string = localStorage.getItem('neko-heading-font-theme') || 'default';
     sidebarVisible: boolean = getInitialSidebarVisible();
 
     setFeeds(feeds: Feed[]) {
@@ -101,6 +102,12 @@ export class Store extends EventTarget {
         this.emit('theme-updated');
     }
 
+    setHeadingFontTheme(theme: string) {
+        this.headingFontTheme = theme;
+        localStorage.setItem('neko-heading-font-theme', theme);
+        this.emit('theme-updated');
+    }
+
     setSidebarVisible(visible: boolean) {
         this.sidebarVisible = visible;
         setSidebarCookie(visible);