Revert "fix text & button color"

This reverts commit da5da68.

src/components/services/content/ServiceDisabled.js

@@ -1,6 +1,6 @@
-import { observer } from 'mobx-react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Component } from 'react';
+import { observer } from 'mobx-react';
 import { defineMessages, intlShape } from 'react-intl';
 
 import Button from '../../ui/Button';
@@ -39,7 +39,7 @@ export default @observer class ServiceDisabled extends Component {
         <h1>{intl.formatMessage(messages.headline, { name })}</h1>
         <Button
           label={intl.formatMessage(messages.action, { name })}
-          buttonType="primary-inverted"
+          buttonType="inverted"
           onClick={() => enable()}
         />
       </div>

src/styles/button.scss

@@ -96,19 +96,6 @@
     }
   }
 
-  &.franz-form__button--primary-inverted {
-    background: none;
-    border: 2px solid white;
-    color: white;
-    padding: 10px 20px;
-    transition: background .5s, color .5s;
-
-    &:hover {
-      background: darken($theme-brand-primary, 5%);
-      color: #FFF;
-    }
-  }
-
   .loader {
     display: inline-block;
     height: 12px;

src/styles/services.scss

@@ -3,14 +3,14 @@
 .theme__dark {
   .services {
     background: $dark-theme-gray-darkest;
-
+  
     .services__webview-wrapper { background: $dark-theme-gray-darkest; }
   }
 
   .services__no-service,
   .services__info-layer {
     background: $dark-theme-gray-darkest;
-
+  
     h1 { color: $dark-theme-gray-lightest; }
   }
 }
@@ -38,10 +38,10 @@
   text-align: center;
 
   h1 {
-    color: white;
+    color: $theme-gray-dark;
     margin: 25px 0 40px;
   }
 
   a.button,
   button { margin: 40px 0 20px; }
-}
+}