From 518c6d9714e1ca1858a0e98425466c90a5e6c883 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sun, 5 Oct 2025 22:19:51 +0100
Subject: [PATCH] feat(settings): set default font size to middle option (18px)

---
 src/components/Settings.tsx | 4 ++--
 src/hooks/useSettings.ts    | 2 +-
 src/index.css               | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index 890eeb00..2aeb2a6e 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -77,7 +77,7 @@ const Settings: React.FC<SettingsProps> = ({ settings, onSave, onClose }) => {
                   <button
                     key={size}
                     onClick={() => setLocalSettings({ ...localSettings, fontSize: size })}
-                    className={`font-size-btn ${(localSettings.fontSize || 16) === size ? 'active' : ''}`}
+                    className={`font-size-btn ${(localSettings.fontSize || 18) === size ? 'active' : ''}`}
                     title={`${size}px`}
                     style={{ fontSize: `${size - 2}px` }}
                   >
@@ -157,7 +157,7 @@ const Settings: React.FC<SettingsProps> = ({ settings, onSave, onClose }) => {
                 className="preview-content" 
                 style={{ 
                   fontFamily: previewFontFamily,
-                  fontSize: `${localSettings.fontSize || 16}px`,
+                  fontSize: `${localSettings.fontSize || 18}px`,
                   '--highlight-rgb': hexToRgb(localSettings.highlightColor || '#ffff00')
                 } as React.CSSProperties}
               >
diff --git a/src/hooks/useSettings.ts b/src/hooks/useSettings.ts
index e236565b..1b9ef5f7 100644
--- a/src/hooks/useSettings.ts
+++ b/src/hooks/useSettings.ts
@@ -51,7 +51,7 @@ export function useSettings({ relayPool, eventStore, pubkey, accountManager }: U
     const fontKey = settings.readingFont || 'system'
     if (fontKey !== 'system') loadFont(fontKey)
     root.setProperty('--reading-font', getFontFamily(fontKey))
-    root.setProperty('--reading-font-size', `${settings.fontSize || 16}px`)
+    root.setProperty('--reading-font-size', `${settings.fontSize || 18}px`)
     
     // Set highlight colors for three levels
     root.setProperty('--highlight-color-mine', settings.highlightColorMine || '#eab308')
diff --git a/src/index.css b/src/index.css
index 475a8d5f..74aa2d70 100644
--- a/src/index.css
+++ b/src/index.css
@@ -14,7 +14,7 @@
   -webkit-text-size-adjust: 100%;
   
   --reading-font: 'Source Serif 4', serif;
-  --reading-font-size: 16px;
+  --reading-font-size: 18px;
   /* Layout variables */
   --sidebar-width: 320px;
   --sidebar-collapsed-width: 56px;