Removed auto-invert color from primary buttons

no refs.

ghost/portal/src/App.js

@@ -16,7 +16,7 @@ const DEV_MODE_DATA = {
     showPopup: true,
     site: Fixtures.site,
     member: Fixtures.member.paid,
-    page: 'accountHome'
+    page: 'signup'
 };
 export default class App extends React.Component {
     constructor(props) {

ghost/portal/src/components/TriggerButton.js

@@ -8,7 +8,6 @@ import {ReactComponent as ButtonIcon2} from '../images/icons/button-icon-2.svg';
 import {ReactComponent as ButtonIcon3} from '../images/icons/button-icon-3.svg';
 import {ReactComponent as ButtonIcon4} from '../images/icons/button-icon-4.svg';
 import {ReactComponent as ButtonIcon5} from '../images/icons/button-icon-5.svg';
-import getContrastColor from '../utils/contrast-color';
 import TriggerButtonStyle from './TriggerButton.styles';
 
 const React = require('react');
@@ -25,7 +24,6 @@ const Styles = ({brandColor, hasText}) => {
     const frame = {
         ...(!hasText ? {width: '60px'} : {})
     };
-    const invertColor = getContrastColor(brandColor);
     return {
         frame: {
             zIndex: '3999998',
@@ -45,12 +43,12 @@ const Styles = ({brandColor, hasText}) => {
         userIcon: {
             width: '34px',
             height: '34px',
-            color: invertColor
+            color: '#fff'
         },
         buttonIcon: {
             width: '24px',
             height: '24px',
-            color: invertColor
+            color: '#fff'
         },
         closeIcon: {
             width: '20px',
@@ -157,11 +155,9 @@ class TriggerButtonContent extends React.Component {
         const {
             portal_button_signup_text: buttonText
         } = this.context.site;
-        const {brandColor} = this.context;
-        const textColor = getContrastColor(brandColor);
         if (this.hasText()) {
             return (
-                <span style={{padding: '0 8px', color: textColor}}> {buttonText} </span>
+                <span style={{padding: '0 8px', color: '#fff'}}> {buttonText} </span>
             );
         }
         return null;

ghost/portal/src/components/common/ActionButton.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import getContrastColor from '../../utils/contrast-color';
 import {ReactComponent as LoaderIcon} from '../../images/icons/loader.svg';
 import {isCookiesDisabled} from '../../utils/helpers';
 
@@ -65,7 +64,7 @@ const Styles = ({brandColor, retry, disabled, style = {}, isPrimary}) => {
         opacity = '0.5';
         pointerEvents = 'none';
     }
-    const textColor = getContrastColor(backgroundColor);
+    const textColor = '#fff';
 
     return {
         button: {

ghost/portal/src/utils/fixtures.js

@@ -3,7 +3,7 @@ export const site = {
     description: 'Thoughts, stories and ideas.',
     logo: 'https://pbs.twimg.com/profile_images/1111773508231667713/mf2N0uqc_400x400.png',
     icon: 'https://pbs.twimg.com/profile_images/1111773508231667713/mf2N0uqc_400x400.png',
-    accent_color: '#AB19E4',
+    accent_color: '#3388aa',
     url: 'http://localhost:2368/',
     plans: {
         monthly: 5,