[Mobile] - Theme colors sync

packages/edit-post/src/editor.native.js

@@ -43,9 +43,7 @@ class Editor extends Component {
 		hasFixedToolbar,
 		focusMode,
 		hiddenBlockTypes,
-		blockTypes,
-		colors,
-		gradients
+		blockTypes
 	) {
 		settings = {
 			...settings,
@@ -70,14 +68,6 @@ class Editor extends Component {
 			);
 		}
 
-		if ( colors !== undefined ) {
-			settings.colors = colors;
-		}
-
-		if ( gradients !== undefined ) {
-			settings.gradients = gradients;
-		}
-
 		return settings;
 	}
 
@@ -119,8 +109,6 @@ class Editor extends Component {
 			post,
 			postId,
 			postType,
-			colors,
-			gradients,
 			initialHtml,
 			editorMode,
 			...props
@@ -131,9 +119,7 @@ class Editor extends Component {
 			hasFixedToolbar,
 			focusMode,
 			hiddenBlockTypes,
-			blockTypes,
-			colors,
-			gradients
+			blockTypes
 		);
 
 		const normalizedPost = post || {

packages/editor/src/components/provider/index.native.js

@@ -73,9 +73,14 @@ class NativeEditorProvider extends Component {
 	}
 
 	componentDidMount() {
-		const { capabilities } = this.props;
+		const { capabilities, colors, gradients } = this.props;
 
-		this.props.updateSettings( capabilities );
+		this.props.updateSettings( {
+			...capabilities,
+			// Set theme colors for the editor
+			...( colors ? { colors } : {} ),
+			...( gradients ? { gradients } : {} ),
+		} );
 
 		this.subscriptionParentGetHtml = subscribeParentGetHtml( () => {
 			this.serializeToNativeAction();