feat: apply 'my highlights' color to highlight buttons

- Update floating highlight button (FAB) to use highlightColorMine from settings
- Update mobile highlights button to use highlightColorMine from settings
- Both buttons now reflect the user's chosen 'my highlights' color
This commit is contained in:
Gigi
2025-10-12 23:44:51 +02:00
parent 619a8a9753
commit 91e6e62688

View File

@@ -241,6 +241,10 @@ const ThreePaneLayout: React.FC<ThreePaneLayoutProps> = (props) => {
onClick={props.onToggleHighlightsPanel} onClick={props.onToggleHighlightsPanel}
aria-label="Open highlights" aria-label="Open highlights"
aria-expanded={!props.isHighlightsCollapsed} aria-expanded={!props.isHighlightsCollapsed}
style={{
backgroundColor: props.settings.highlightColorMine || '#ffff00',
color: '#000'
}}
> >
<FontAwesomeIcon icon={faHighlighter} /> <FontAwesomeIcon icon={faHighlighter} />
</button> </button>
@@ -358,7 +362,7 @@ const ThreePaneLayout: React.FC<ThreePaneLayoutProps> = (props) => {
<HighlightButton <HighlightButton
ref={props.highlightButtonRef} ref={props.highlightButtonRef}
onHighlight={props.onCreateHighlight} onHighlight={props.onCreateHighlight}
highlightColor={props.settings.highlightColor || '#ffff00'} highlightColor={props.settings.highlightColorMine || '#ffff00'}
/> />
)} )}
<RelayStatusIndicator relayPool={props.relayPool} /> <RelayStatusIndicator relayPool={props.relayPool} />