BottomSheet: Setting DashIcon color directly when theme is default (l…

…ight) (#17193)
WordPress · Aug 26, 2019 · bf84833 · bf84833
1 parent fe4c02f
commit bf84833
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/components/src/mobile/bottom-sheet/cell.native.js b/packages/components/src/mobile/bottom-sheet/cell.native.js
@@ -151,6 +151,8 @@ class BottomSheetCell extends Component {
 				);
 		};
 
+		const iconStyle = getStyle( styles.icon, styles.iconDark, theme );
+
 		return (
 			<TouchableOpacity
 				accessible={ ! this.state.isEditingValue }
@@ -168,7 +170,7 @@ class BottomSheetCell extends Component {
 					<View style={ styles.cellRowContainer }>
 						{ icon && (
 							<View style={ styles.cellRowContainer }>
-								<Dashicon icon={ icon } size={ 24 } color={ theme === 'dark' && '#C3C4C7' } />
+								<Dashicon icon={ icon } size={ 24 } color={ iconStyle.color } />
 								<View style={ platformStyles.labelIconSeparator } />
 							</View>
 						) }

diff --git a/packages/components/src/mobile/bottom-sheet/styles.native.scss b/packages/components/src/mobile/bottom-sheet/styles.native.scss
@@ -134,3 +134,11 @@
 .cellValueRTL {
 	text-align: left;
 }
+
+.icon {
+	color: #7b9ab1;
+}
+
+.iconDark {
+	color: #c3c4c7;
+}