From 957bb6b06218ad40d1c578ad1a6259572583e434 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <smalton@mirantis.com>
Date: Thu, 30 Jul 2020 16:38:21 -0400
Subject: [PATCH] add css variable changing for 'clusters-menu-bgc'

Signed-off-by: Sebastian Malton <smalton@mirantis.com>
---
 src/renderer/components/app.scss                           | 5 +----
 src/renderer/components/cluster-manager/clusters-menu.scss | 4 ++--
 src/renderer/components/layout/wizard-layout.scss          | 1 -
 src/renderer/themes/kontena-dark.json                      | 1 +
 src/renderer/themes/kontena-light.json                     | 1 +
 src/renderer/themes/theme-vars.scss                        | 1 +
 6 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/app.scss b/src/renderer/components/app.scss
index 3bd651540b..51f8e0ec2d 100755
--- a/src/renderer/components/app.scss
+++ b/src/renderer/components/app.scss
@@ -11,9 +11,6 @@
 }
 
 :root {
-  --mainBackground: #1e2124;
-  --textColorPrimary: #87909c;
-  --clusters-menu-bgc: #252729;
   --main-layout-header: 40px;
 }
 
@@ -80,7 +77,7 @@ hr {
 }
 
 h1 {
-  color: white;
+  color: $textColorAccent;
   font-size: 28px;
   font-weight: 300;
   letter-spacing: -.010em;
diff --git a/src/renderer/components/cluster-manager/clusters-menu.scss b/src/renderer/components/cluster-manager/clusters-menu.scss
index d301578c13..7f81cc56d9 100644
--- a/src/renderer/components/cluster-manager/clusters-menu.scss
+++ b/src/renderer/components/cluster-manager/clusters-menu.scss
@@ -5,7 +5,7 @@
   position: relative;
   text-align: center;
   padding: $spacing;
-  background: var(--clusters-menu-bgc);
+  background: $clusters-menu-bgc;
 
   .is-mac & {
     padding-top: $spacing * 2;
@@ -46,7 +46,7 @@
     .Icon {
       border-radius: $radius;
       padding: $padding / 3;
-      color: var(--clusters-menu-bgc) !important;
+      color: $clusters-menu-bgc;
       background: white !important;
       font-weight: bold;
       cursor: pointer;
diff --git a/src/renderer/components/layout/wizard-layout.scss b/src/renderer/components/layout/wizard-layout.scss
index 5d7b95bbab..72e10e2800 100644
--- a/src/renderer/components/layout/wizard-layout.scss
+++ b/src/renderer/components/layout/wizard-layout.scss
@@ -15,7 +15,6 @@
 
   > .content-col {
     margin-right: $spacing;
-    background-color: var(--clusters-menu-bgc);
     border-radius: $radius;
 
     > .error {
diff --git a/src/renderer/themes/kontena-dark.json b/src/renderer/themes/kontena-dark.json
index 1ce86b11e6..105f231125 100644
--- a/src/renderer/themes/kontena-dark.json
+++ b/src/renderer/themes/kontena-dark.json
@@ -12,6 +12,7 @@
     "textColorPrimary": "#87909c",
     "textColorSecondary": "#a0a0a0",
     "textColorAccent": "#ffffff",
+    "clusters-menu-bgc": "#252729",
     "borderColor": "#4c5053",
     "borderFaintColor": "#373a3e",
     "mainBackground": "#1e2124",
diff --git a/src/renderer/themes/kontena-light.json b/src/renderer/themes/kontena-light.json
index a0b818f03b..1203677249 100644
--- a/src/renderer/themes/kontena-light.json
+++ b/src/renderer/themes/kontena-light.json
@@ -12,6 +12,7 @@
     "textColorPrimary": "#555555",
     "textColorSecondary": "#51575d",
     "textColorAccent": "#333333",
+    "clusters-menu-bgc": "#afafaf",
     "borderColor": "#c9cfd3",
     "borderFaintColor": "#dfdfdf",
     "mainBackground": "#f1f1f1",
diff --git a/src/renderer/themes/theme-vars.scss b/src/renderer/themes/theme-vars.scss
index 5d9e0755fa..6ec299e111 100644
--- a/src/renderer/themes/theme-vars.scss
+++ b/src/renderer/themes/theme-vars.scss
@@ -7,6 +7,7 @@ $primary: var(--primary);
 $textColorPrimary: var(--textColorPrimary);
 $textColorSecondary: var(--textColorSecondary);
 $textColorAccent: var(--textColorAccent);
+$clusters-menu-bgc: var(--clusters-menu-bgc);
 $borderColor: var(--borderColor);
 $borderFaintColor: var(--borderFaintColor);
 $colorSuccess: var(--colorSuccess);