fix premium workspace badge in settings menu for light theme

5 files changed, 16 insertions, 5 deletions

diff --git a/src/components/settings/navigation/SettingsNavigation.js b/src/components/settings/navigation/SettingsNavigation.js
index 945285f5a..1c51d50d6 100644
--- a/src/components/settings/navigation/SettingsNavigation.js
+++ b/src/components/settings/navigation/SettingsNavigation.js
@@ -80,7 +80,7 @@ export default @inject('stores') @observer class SettingsNavigation extends Comp
             {' '}
             {workspaceStore.isPremiumUpgradeRequired ? (
               <span className="badge badge--pro">
-                <Icon icon="mdiStar" />
+                <Icon icon="mdiStar" className="badge-icon-pro" />
               </span>
             ) : (
               <span className="badge">{workspaceCount}</span>
diff --git a/src/i18n/locales/defaultMessages.json b/src/i18n/locales/defaultMessages.json
index 5e3988781..500053377 100644
--- a/src/i18n/locales/defaultMessages.json
+++ b/src/i18n/locales/defaultMessages.json
@@ -3204,7 +3204,7 @@
         }
       },
       {
-        "defaultMessage": "!!! I've added {count} services to Franz! Get the free app for WhatsApp, Messenger, Slack, Skype and co at www.meetfranz.com /cc @MeetFranz",
+        "defaultMessage": "!!! I've added {count} services to Franz! Get the free app for WhatsApp, Messenger, Slack, Skype and co at www.meetfranz.com /cc @FranzMessenger",
         "end": {
           "column": 3,
           "line": 42
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index c36801d4a..9770ff0d5 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -313,4 +313,4 @@
   "workspaceDrawer.premiumCtaButtonLabel": "Create your first workspace",
   "workspaceDrawer.workspaceFeatureInfo": "<p>Franz Workspaces let you focus on what’s important right now. Set up different sets of services and easily switch between them at any time.</p><p>You decide which services you need when and where, so we can help you stay on top of your game - or easily switch off from work whenever you want.</p>",
   "workspaces.switchingIndicator.switchingTo": "Switching to"
-}
+}
\ No newline at end of file
diff --git a/src/i18n/messages/src/features/shareFranz/Component.json b/src/i18n/messages/src/features/shareFranz/Component.json
index 0fec9db64..34a43d5a0 100644
--- a/src/i18n/messages/src/features/shareFranz/Component.json
+++ b/src/i18n/messages/src/features/shareFranz/Component.json
@@ -79,7 +79,7 @@
   },
   {
     "id": "feature.shareFranz.shareText.twitter",
-    "defaultMessage": "!!! I've added {count} services to Franz! Get the free app for WhatsApp, Messenger, Slack, Skype and co at www.meetfranz.com /cc @MeetFranz",
+    "defaultMessage": "!!! I've added {count} services to Franz! Get the free app for WhatsApp, Messenger, Slack, Skype and co at www.meetfranz.com /cc @FranzMessenger",
     "file": "src/features/shareFranz/Component.js",
     "start": {
       "line": 39,
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index d97d4ac2c..b4f013cad 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -433,10 +433,21 @@
     text-decoration: none;
     transition: background $theme-transition-time, color $theme-transition-time;
 
+    .badge--pro {
+      background: $theme-brand-primary !important;
+      padding: 4px 6px 3px 7px;
+
+      .badge-icon-pro {
+        fill: white;
+      }
+    }
+
     &:hover {
       background: darken($theme-gray-lightest, 5%);
 
-      .badge { background: #FFF; }
+      .badge {
+        background: #FFF;
+      }
     }
 
     &.is-active {