From 3eaa30e1f34ebba7bb9852bbd0fc2eeb904e64c7 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Wed, 29 Jul 2020 16:04:47 +0200
Subject: [PATCH] Refined background color + plan label

---
 ghost/portal/src/App.js                              | 2 +-
 ghost/portal/src/components/Frame.styles.js          | 2 +-
 ghost/portal/src/components/PopupModal.js            | 4 ++--
 ghost/portal/src/components/pages/AccountHomePage.js | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ghost/portal/src/App.js b/ghost/portal/src/App.js
index e625b18899..fcaf0e7c11 100644
--- a/ghost/portal/src/App.js
+++ b/ghost/portal/src/App.js
@@ -143,7 +143,7 @@ export default class App extends React.Component {
                 showPopup: true,
                 site: Fixtures.site,
                 member: Fixtures.member.paid,
-                page: 'accountPlan'
+                page: 'accountHome'
             };
         }
         return {};
diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js
index 65b0f77caf..8b8d283b2d 100644
--- a/ghost/portal/src/components/Frame.styles.js
+++ b/ghost/portal/src/components/Frame.styles.js
@@ -182,7 +182,7 @@ const GlobalStyles = `
     }
 
     .gh-portal-popup-background.preview {
-        background: #F8FAFC;
+        background: #EDF0F2;
         animation: none;
     }
 
diff --git a/ghost/portal/src/components/PopupModal.js b/ghost/portal/src/components/PopupModal.js
index 630be93290..e2f78c19c0 100644
--- a/ghost/portal/src/components/PopupModal.js
+++ b/ghost/portal/src/components/PopupModal.js
@@ -73,7 +73,7 @@ class PopupContent extends React.Component {
             ...Styles.page[page]
         };
         return (
-            <div className={hasMode(['preview']) ? 'gh-portal-popup-container preview' : 'gh-portal-popup-container'} style={pageStyle} ref={this.container}>
+            <div className={hasMode(['preview', 'dev']) ? 'gh-portal-popup-container preview' : 'gh-portal-popup-container'} style={pageStyle} ref={this.container}>
                 {this.renderPopupClose()}
                 {this.renderActivePage()}
             </div>
@@ -138,7 +138,7 @@ export default class PopupModal extends React.Component {
         return (
             <div style={Styles.modalContainer}>
                 <Frame style={frameStyle} title="membersjs-popup" head={this.renderFrameStyles()}>
-                    <div className={hasMode(['preview']) ? 'gh-portal-popup-background preview' : 'gh-portal-popup-background'} onClick = {e => this.handlePopupClose(e)}></div>
+                    <div className={hasMode(['preview', 'dev']) ? 'gh-portal-popup-background preview' : 'gh-portal-popup-background'} onClick = {e => this.handlePopupClose(e)}></div>
                     <PopupContent />
                 </Frame>
             </div>
diff --git a/ghost/portal/src/components/pages/AccountHomePage.js b/ghost/portal/src/components/pages/AccountHomePage.js
index 576bb18f3b..e69d1f9a31 100644
--- a/ghost/portal/src/components/pages/AccountHomePage.js
+++ b/ghost/portal/src/components/pages/AccountHomePage.js
@@ -192,7 +192,7 @@ class PaidAccountHomePage extends React.Component {
     }
 
     getPlanLabel({amount = 0, currency_symbol: currencySymbol = '$', interval}) {
-        return `${currencySymbol}${amount / 100} / ${interval}`;
+        return `${currencySymbol}${amount / 100}/${interval}`;
     }
 
     getCardLabel({defaultCardLast4}) {