fix: @mentions & loading spinner theme #46

+2 -1

src/components/Loader.tsx

··· 37 37 ]}> 38 38 <Icon 39 39 {...props} 40 40 - style={[a.absolute, a.inset_0, t.atoms.text_contrast_high, props.style]} 40 40 + style={[a.absolute, a.inset_0, props.style]} 41 41 + color={t.palette.contrast_500} 41 42 /> 42 43 </Animated.View> 43 44 )

+2 -2

src/style.css

··· 108 108 pointer-events: none; 109 109 } 110 110 .ProseMirror .mention { 111 111 - color: #ed5345; 111 111 + color: var(--mention-color, #ed5345); 112 112 } 113 113 .ProseMirror a, 114 114 .ProseMirror .autolink { 115 115 - color: #ed5345; 115 115 + color: var(--mention-color, #ed5345); 116 116 } 117 117 /* OLLIE: TODO -- this is not accessible */ 118 118 /* Remove focus state on inputs */

+9 -1

src/view/com/composer/text-input/TextInput.web.tsx

··· 393 393 394 394 return ( 395 395 <> 396 396 - <View style={[styles.container, hasRightPadding && styles.rightPadding]}> 396 396 + <View 397 397 + style={[ 398 398 + styles.container, 399 399 + hasRightPadding && styles.rightPadding, 400 400 + { 401 401 + // @ts-ignore 402 402 + '--mention-color': t.palette.primary_500, 403 403 + }, 404 404 + ]}> 397 405 {/* @ts-ignore inputStyle is fine */} 398 406 <EditorContent editor={editor} style={inputStyle} /> 399 407 </View>