Select apropriate theme colour for popover.

This commit is contained in:
Richard Lewis 2018-01-15 18:27:14 +00:00
parent 5a9a4ead96
commit 82b9897986

View file

@ -350,6 +350,11 @@ export default class MessageComposer extends React.Component {
</div>; </div>;
} }
// Fall back to default highlight color if we can't compute one from the DOM
const highlightColor = document.getElementById('mx_theme_accentColor') ?
window.getComputedStyle(document.getElementById('mx_theme_accentColor')).color :
'#76CFA6';
const stickers = <Popover const stickers = <Popover
isOpen={this.state.showStickers} isOpen={this.state.showStickers}
position={'top'} position={'top'}
@ -360,13 +365,13 @@ export default class MessageComposer extends React.Component {
position={position} position={position}
targetRect={targetRect} targetRect={targetRect}
popoverRect={popoverRect} popoverRect={popoverRect}
arrowColor={'#76CFA6'} arrowColor={highlightColor}
arrowSize={20} arrowSize={20}
> >
<div <div
className='mx_PopoverOuterContainer' className='mx_PopoverOuterContainer'
style={{ style={{
border: '1px solid #76CFA6', border: `1px solid ${highlightColor}`,
}} }}
> >
{ this.state.stickersContent } { this.state.stickersContent }