From da5da689c1d4508f8727431543e4c4b2c9428261 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Fri, 6 Dec 2024 21:56:06 +0100
Subject: [PATCH] fix text & button color

---
 src/components/services/content/ServiceDisabled.js |  6 +++---
 src/styles/button.scss                             | 13 +++++++++++++
 src/styles/services.scss                           |  8 ++++----
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/services/content/ServiceDisabled.js b/src/components/services/content/ServiceDisabled.js
index d0f12256e..1dda9ceb8 100644
--- a/src/components/services/content/ServiceDisabled.js
+++ b/src/components/services/content/ServiceDisabled.js
@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { observer } from 'mobx-react';
+import PropTypes from 'prop-types';
+import { Component } from '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="inverted"
+          buttonType="primary-inverted"
           onClick={() => enable()}
         />
       </div>
diff --git a/src/styles/button.scss b/src/styles/button.scss
index a66345114..7b49ae07c 100644
--- a/src/styles/button.scss
+++ b/src/styles/button.scss
@@ -96,6 +96,19 @@
     }
   }
 
+  &.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;
diff --git a/src/styles/services.scss b/src/styles/services.scss
index e7ed9e543..8cde22f8a 100644
--- a/src/styles/services.scss
+++ b/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: $theme-gray-dark;
+    color: white;
     margin: 25px 0 40px;
   }
 
   a.button,
   button { margin: 40px 0 20px; }
-}
\ No newline at end of file
+}