From 0dc9e37ff49a5814c574bc5da33ac3d3f772da4b Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 7 Nov 2025 22:28:12 +0100
Subject: [PATCH] chore: change default link color to Sky Blue (#38bdf8)

---
 src/components/Settings.tsx                        | 2 +-
 src/components/Settings/ReadingDisplaySettings.tsx | 4 ++--
 src/hooks/useSettings.ts                           | 2 +-
 src/services/settingsService.ts                    | 2 +-
 src/styles/components/forms.css                    | 2 +-
 src/styles/components/reader.css                   | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index c8b2dce0..759b6229 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -51,7 +51,7 @@ const DEFAULT_SETTINGS: UserSettings = {
   ttsDetectContentLanguage: true,
   ttsLanguageMode: 'content',
   ttsDefaultSpeed: 2.1,
-  linkColor: '#818cf8',
+  linkColor: '#38bdf8',
 }
 
 interface SettingsProps {
diff --git a/src/components/Settings/ReadingDisplaySettings.tsx b/src/components/Settings/ReadingDisplaySettings.tsx
index 779159b0..f67f4e0e 100644
--- a/src/components/Settings/ReadingDisplaySettings.tsx
+++ b/src/components/Settings/ReadingDisplaySettings.tsx
@@ -113,7 +113,7 @@ const ReadingDisplaySettings: React.FC<ReadingDisplaySettingsProps> = ({ setting
         <label className="setting-label">Link Color</label>
         <div className="setting-control">
           <ColorPicker
-            selectedColor={settings.linkColor || '#818cf8'}
+            selectedColor={settings.linkColor || '#38bdf8'}
             onColorChange={(color) => onUpdate({ linkColor: color })}
             colors={LINK_COLORS}
           />
@@ -191,7 +191,7 @@ const ReadingDisplaySettings: React.FC<ReadingDisplaySettingsProps> = ({ setting
             fontSize: `${settings.fontSize || 21}px`,
             '--highlight-rgb': hexToRgb(settings.highlightColor || '#ffff00'),
             '--paragraph-alignment': settings.paragraphAlignment || 'justify',
-            '--link-color': settings.linkColor || '#818cf8'
+            '--link-color': settings.linkColor || '#38bdf8'
           } as React.CSSProperties}
         >
           <h3>The Quick Brown Fox</h3>
diff --git a/src/hooks/useSettings.ts b/src/hooks/useSettings.ts
index 6d583fae..0aec4c1e 100644
--- a/src/hooks/useSettings.ts
+++ b/src/hooks/useSettings.ts
@@ -69,7 +69,7 @@ export function useSettings({ relayPool, eventStore, pubkey, accountManager }: U
       root.setProperty('--highlight-color-nostrverse', settings.highlightColorNostrverse || '#9333ea')
       
       // Set link color
-      root.setProperty('--link-color', settings.linkColor || '#818cf8')
+      root.setProperty('--link-color', settings.linkColor || '#38bdf8')
       
       // Set paragraph alignment
       root.setProperty('--paragraph-alignment', settings.paragraphAlignment || 'justify')
diff --git a/src/services/settingsService.ts b/src/services/settingsService.ts
index af307ef3..d6a57820 100644
--- a/src/services/settingsService.ts
+++ b/src/services/settingsService.ts
@@ -75,7 +75,7 @@ export interface UserSettings {
   // Text-to-Speech settings
   ttsDefaultSpeed?: number // default: 2.1
   // Link color for article content
-  linkColor?: string // default: #818cf8 (indigo-400)
+  linkColor?: string // default: #38bdf8 (sky-400)
 }
 
 /**
diff --git a/src/styles/components/forms.css b/src/styles/components/forms.css
index 49cee91c..e0696e96 100644
--- a/src/styles/components/forms.css
+++ b/src/styles/components/forms.css
@@ -44,7 +44,7 @@
   text-align: var(--paragraph-alignment, justify);
 }
 .preview-content a {
-  color: var(--link-color, #818cf8);
+  color: var(--link-color, #38bdf8);
   text-decoration: none;
 }
 .preview-content a:hover {
diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css
index 23e8e1f4..6dc746d8 100644
--- a/src/styles/components/reader.css
+++ b/src/styles/components/reader.css
@@ -160,7 +160,7 @@
   opacity: 0.69;
   margin: 2.5rem 0;
 }
-.reader-markdown a { color: var(--link-color, #818cf8); text-decoration: none; }
+.reader-markdown a { color: var(--link-color, #38bdf8); text-decoration: none; }
 .reader-markdown a:hover { text-decoration: underline; }
 .reader-markdown code { background: var(--color-bg-subtle); border: 1px solid var(--color-border); border-radius: 4px; padding: 0.15rem 0.4rem; font-size: 0.9em; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; }
 .reader-markdown pre { background: var(--color-bg-subtle); border: 1px solid var(--color-border); border-radius: 8px; padding: 1rem; overflow-x: auto; margin: 1rem 0; line-height: 1.5; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; }