aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-17 06:34:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: change default link color to Sky Blue (#38bdf8)

Browse Source
This commit is contained in:
Gigi
2025-11-07 22:28:12 +01:00
parent 5181176260
commit 0dc9e37ff4
6 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Settings.tsx
View File

@@ -51,7 +51,7 @@ const DEFAULT_SETTINGS: UserSettings = {
ttsDetectContentLanguage: true, ttsDetectContentLanguage: true,
ttsLanguageMode: 'content', ttsLanguageMode: 'content',
ttsDefaultSpeed: 2.1, ttsDefaultSpeed: 2.1,
linkColor: '#818cf8', linkColor: '#38bdf8',
} }
interface SettingsProps { interface SettingsProps {

4
src/components/Settings/ReadingDisplaySettings.tsx
View File

@@ -113,7 +113,7 @@ const ReadingDisplaySettings: React.FC<ReadingDisplaySettingsProps> = ({ setting
<label className="setting-label">Link Color</label> <label className="setting-label">Link Color</label>
<div className="setting-control"> <div className="setting-control">
<ColorPicker <ColorPicker
selectedColor={settings.linkColor || '#818cf8'} selectedColor={settings.linkColor || '#38bdf8'}
onColorChange={(color) => onUpdate({ linkColor: color })} onColorChange={(color) => onUpdate({ linkColor: color })}
colors={LINK_COLORS} colors={LINK_COLORS}
/> />
@@ -191,7 +191,7 @@ const ReadingDisplaySettings: React.FC<ReadingDisplaySettingsProps> = ({ setting
fontSize: `${settings.fontSize || 21}px`, fontSize: `${settings.fontSize || 21}px`,
'--highlight-rgb': hexToRgb(settings.highlightColor || '#ffff00'), '--highlight-rgb': hexToRgb(settings.highlightColor || '#ffff00'),
'--paragraph-alignment': settings.paragraphAlignment || 'justify', '--paragraph-alignment': settings.paragraphAlignment || 'justify',
'--link-color': settings.linkColor || '#818cf8' '--link-color': settings.linkColor || '#38bdf8'
} as React.CSSProperties} } as React.CSSProperties}
> >
<h3>The Quick Brown Fox</h3> <h3>The Quick Brown Fox</h3>

2
src/hooks/useSettings.ts
View File

@@ -69,7 +69,7 @@ export function useSettings({ relayPool, eventStore, pubkey, accountManager }: U
root.setProperty('--highlight-color-nostrverse', settings.highlightColorNostrverse || '#9333ea') root.setProperty('--highlight-color-nostrverse', settings.highlightColorNostrverse || '#9333ea')
// Set link color // Set link color
root.setProperty('--link-color', settings.linkColor || '#818cf8') root.setProperty('--link-color', settings.linkColor || '#38bdf8')
// Set paragraph alignment // Set paragraph alignment
root.setProperty('--paragraph-alignment', settings.paragraphAlignment || 'justify') root.setProperty('--paragraph-alignment', settings.paragraphAlignment || 'justify')

2
src/services/settingsService.ts
View File

@@ -75,7 +75,7 @@ export interface UserSettings {
// Text-to-Speech settings // Text-to-Speech settings
ttsDefaultSpeed?: number // default: 2.1 ttsDefaultSpeed?: number // default: 2.1
// Link color for article content // Link color for article content
linkColor?: string // default: #818cf8 (indigo-400) linkColor?: string // default: #38bdf8 (sky-400)
} }
/** /**

2
src/styles/components/forms.css
View File

@@ -44,7 +44,7 @@
text-align: var(--paragraph-alignment, justify); text-align: var(--paragraph-alignment, justify);
} }
.preview-content a { .preview-content a {
color: var(--link-color, #818cf8); color: var(--link-color, #38bdf8);
text-decoration: none; text-decoration: none;
} }
.preview-content a:hover { .preview-content a:hover {

2
src/styles/components/reader.css
View File

@@ -160,7 +160,7 @@
opacity: 0.69; opacity: 0.69;
margin: 2.5rem 0; 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 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 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; } .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; }