uses blue for ribbon and button colors against secondary buttons (Aut…

…omattic#6923)
solarsoft0 · Jul 20, 2016 · 6764103 · 6764103
1 parent c18a89a
commit 6764103
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/client/my-sites/plan-features/actions.jsx b/client/my-sites/plan-features/actions.jsx
@@ -25,7 +25,7 @@ const PlanFeaturesActions = ( {
 	const className = classNames( {
 		'plan-features__actions-button': true,
 		'is-current': current,
-		'is-popular': popular
+		'is-primary': popular && ! isPlaceholder,
 	} );
 
 	if ( current ) {
@@ -40,7 +40,6 @@ const PlanFeaturesActions = ( {
 			<Button
 				className={ className }
 				onClick={ isPlaceholder ? noop : onUpgradeClick }
-				primary={ ! isPlaceholder }
 				disabled={ isPlaceholder }
 			>
 				{

diff --git a/client/my-sites/plan-features/header.jsx b/client/my-sites/plan-features/header.jsx
@@ -46,7 +46,7 @@ class PlanFeaturesHeader extends Component {
 		return (
 			<header className="plan-features__header" onClick={ this.props.onClick } >
 				{
-					popular && <Ribbon color="green">{ translate( 'Popular' ) }</Ribbon>
+					popular && <Ribbon>{ translate( 'Popular' ) }</Ribbon>
 				}
 				<div className="plan-features__header-figure" >
 					<PlanIcon plan={ planType } />