From 92d7e71ad880dc8fa46829ebea361b7556b6d584 Mon Sep 17 00:00:00 2001
From: Stefanos Togkoulidis <stefanostogoulidis@gmail.com>
Date: Thu, 7 Nov 2019 10:24:38 +0200
Subject: [PATCH] Adjust the info-icon color

---
 packages/block-library/src/missing/edit.native.js    | 6 +++++-
 packages/block-library/src/missing/style.native.scss | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/block-library/src/missing/edit.native.js b/packages/block-library/src/missing/edit.native.js
index d72c9ef52ac79..26f0526983b6a 100644
--- a/packages/block-library/src/missing/edit.native.js
+++ b/packages/block-library/src/missing/edit.native.js
@@ -31,6 +31,8 @@ export class UnsupportedBlockEdit extends Component {
 	}
 
 	renderHelpIcon() {
+		const infoIconStyle = this.props.getStylesFromColorScheme( styles.infoIcon, styles.infoIconDark );
+
 		return (
 			<TouchableWithoutFeedback
 				accessibilityLabel={ __( 'Help icon' ) }
@@ -43,6 +45,7 @@ export class UnsupportedBlockEdit extends Component {
 						className="unsupported-icon-help"
 						label={ __( 'Help icon' ) }
 						icon="editor-help"
+						color={ infoIconStyle.color }
 					/>
 				</View>
 			</TouchableWithoutFeedback>
@@ -54,6 +57,7 @@ export class UnsupportedBlockEdit extends Component {
 		const infoTextStyle = getStylesFromColorScheme( styles.infoText, styles.infoTextDark );
 		const infoTitleStyle = getStylesFromColorScheme( styles.infoTitle, styles.infoTitleDark );
 		const infoDescriptionStyle = getStylesFromColorScheme( styles.infoDescription, styles.infoDescriptionDark );
+		const infoIconStyle = getStylesFromColorScheme( styles.infoIcon, styles.infoIconDark );
 
 		// translators: %s: Name of the block
 		const titleFormat = Platform.OS === 'android' ? __( '\'%s\' isn\'t yet supported on WordPress for Android' ) :
@@ -70,7 +74,7 @@ export class UnsupportedBlockEdit extends Component {
 				onClose={ this.toggleSheet.bind( this ) }
 			>
 				<View style={ styles.infoContainer } >
-					<Icon icon="editor-help" style={ styles.infoIcon } size={ styles.infoIcon.size } />
+					<Icon icon="editor-help" color={ infoIconStyle.color } size={ styles.infoIcon.size } />
 					<Text style={ [ infoTextStyle, infoTitleStyle ] }>
 						{ infoTitle }
 					</Text>
diff --git a/packages/block-library/src/missing/style.native.scss b/packages/block-library/src/missing/style.native.scss
index c8f66d797ea1a..e07ee087074b5 100644
--- a/packages/block-library/src/missing/style.native.scss
+++ b/packages/block-library/src/missing/style.native.scss
@@ -31,6 +31,11 @@
 	height: 36;
 	padding-top: 8;
 	padding-bottom: 8;
+	color: $gray-darken-20;
+}
+
+.infoIconDark {
+	color: $gray-20;
 }
 
 .infoText {