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

fix: reduce brightness and add colored border to highlight count indicator

Browse Source 
- Set background color to 75% opacity (bf hex) to reduce brightness
- Add border color matching the highlight group color
- Makes the indicator less overwhelming while maintaining visibility
This commit is contained in:
Gigi
2025-10-12 23:51:05 +02:00
parent fb06a1aec3
commit c571e6ebf7
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ReaderHeader.tsx
View File

@@ -87,7 +87,8 @@ const ReaderHeader: React.FC<ReaderHeaderProps> = ({
<div <div
className="highlight-indicator" className="highlight-indicator"
style={highlightIndicatorColor ? { style={highlightIndicatorColor ? {
backgroundColor: highlightIndicatorColor, backgroundColor: `${highlightIndicatorColor}bf`,
borderColor: highlightIndicatorColor,
color: '#000' color: '#000'
} : undefined} } : undefined}
> >
@@ -130,7 +131,8 @@ const ReaderHeader: React.FC<ReaderHeaderProps> = ({
<div <div
className="highlight-indicator" className="highlight-indicator"
style={highlightIndicatorColor ? { style={highlightIndicatorColor ? {
backgroundColor: highlightIndicatorColor, backgroundColor: `${highlightIndicatorColor}bf`,
borderColor: highlightIndicatorColor,
color: '#000' color: '#000'
} : undefined} } : undefined}
> >