aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-01-06 00:14:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: apply highlight group color to background of count indicator

Browse Source 
- Change highlight count indicator to use backgroundColor instead of color
- Set text color to black for contrast against colored backgrounds
- Maintains priority: nostrverse > friends > mine
This commit is contained in:
Gigi
2025-10-12 23:48:56 +02:00
parent 0d5dc6e785
commit 8a8419385e
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ReaderHeader.tsx
View File

@@ -86,7 +86,10 @@ const ReaderHeader: React.FC<ReaderHeaderProps> = ({
{hasHighlights && ( {hasHighlights && (
<div <div
className="highlight-indicator" className="highlight-indicator"
style={highlightIndicatorColor ? { color: highlightIndicatorColor } : undefined} style={highlightIndicatorColor ? {
backgroundColor: highlightIndicatorColor,
color: '#000'
} : undefined}
> >
<FontAwesomeIcon icon={faHighlighter} /> <FontAwesomeIcon icon={faHighlighter} />
<span>{highlightCount} highlight{highlightCount !== 1 ? 's' : ''}</span> <span>{highlightCount} highlight{highlightCount !== 1 ? 's' : ''}</span>
@@ -126,7 +129,10 @@ const ReaderHeader: React.FC<ReaderHeaderProps> = ({
{hasHighlights && ( {hasHighlights && (
<div <div
className="highlight-indicator" className="highlight-indicator"
style={highlightIndicatorColor ? { color: highlightIndicatorColor } : undefined} style={highlightIndicatorColor ? {
backgroundColor: highlightIndicatorColor,
color: '#000'
} : undefined}
> >
<FontAwesomeIcon icon={faHighlighter} /> <FontAwesomeIcon icon={faHighlighter} />
<span>{highlightCount} highlight{highlightCount !== 1 ? 's' : ''}</span> <span>{highlightCount} highlight{highlightCount !== 1 ? 's' : ''}</span>