update pro notice

Author: kaeizen

src/components/pro-control/index.js

@@ -125,10 +125,11 @@ const LABELS = {
 		</ul>,
 	},
 	'color-schemes': {
-		title: __( 'Add Your Own Color Schemes', i18n ),
+		title: __( 'Unlock Unlimited Color Schemes', i18n ),
 		description: <ul>
-			<li>{ __( 'Add your own custom Color Schemes', i18n ) }</li>
-			<li>{ __( 'Manage your Block\'s Default Color Schemes', i18n ) }</li>
+			<li>{ __( 'Add and reuse custom color schemes', i18n ) }</li>
+			<li>{ __( 'Set default color schemes for blocks and sections', i18n ) }</li>
+			<li>{ __( 'Streamline your design workflow', i18n ) }</li>
 		</ul>,
 	},
 }

src/plugins/global-settings/color-schemes/index.js

@@ -11,7 +11,7 @@ import ColorSchemePicker from './color-scheme-picker'
 import {
 	i18n, showProNotice, isPro,
 } from 'stackable'
-import { PanelAdvancedSettings, ProControl } from '~stackable/components'
+import { PanelAdvancedSettings, ProControlButton } from '~stackable/components'
 
 /**
  * WordPress dependencies
@@ -44,7 +44,7 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-color-scheme
 					setItemInEdit={ setItemInEdit }
 				/>
 				{ isPro && applyFilters( 'stackable.global-settings.global-color-schemes.inspector', Fragment, itemInEdit ) }
-				{ ! itemInEdit && ! isPro && showProNotice && <ProControl type="color-schemes" /> }
+				{ ! itemInEdit && showProNotice && <ProControlButton type="color-schemes" /> }
 			</PanelAdvancedSettings>
 		</Fragment>
 	)