From 82d8fb35a70c9dccefeefd90321fd992dbf9d405 Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Wed, 21 Jun 2023 14:27:58 +0300
Subject: [PATCH] light theme fixes

---
 .../src/components/HamburgerMenu/HamburgerMenu.module.scss  | 6 +++---
 .../ExpandedIntegrationRouteDisplay.module.scss             | 2 +-
 grafana-plugin/src/style/vars.css                           | 2 ++
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/grafana-plugin/src/components/HamburgerMenu/HamburgerMenu.module.scss b/grafana-plugin/src/components/HamburgerMenu/HamburgerMenu.module.scss
index 2331838b3d..f6a05cdcab 100644
--- a/grafana-plugin/src/components/HamburgerMenu/HamburgerMenu.module.scss
+++ b/grafana-plugin/src/components/HamburgerMenu/HamburgerMenu.module.scss
@@ -8,7 +8,7 @@
     align-items: center;
     vertical-align: middle;
     justify-content: center;
-    background-color: rgba(204, 204, 220, 0.16);
+    background-color: var(--button-background);
     border: 1px solid transparent;
     height: 32px;
     width: 30px;
@@ -23,8 +23,8 @@
     align-items: center;
     vertical-align: middle;
     justify-content: center;
-    background-color: rgba(204, 204, 220, 0.16);
-    color: var(--secondary-background);
+    background-color: var(--button-background);
+    color: var(--primary-text-color);
     border: 1px solid transparent;
     height: 24px;
     width: 22px;
diff --git a/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.module.scss b/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.module.scss
index e28cf7d1d9..2a471c3eeb 100644
--- a/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.module.scss
+++ b/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.module.scss
@@ -29,6 +29,6 @@
   flex-direction: row;
 
   &:hover {
-    background: var(--gray-9);
+    background: var(--cards-background);
   }
 }
diff --git a/grafana-plugin/src/style/vars.css b/grafana-plugin/src/style/vars.css
index 2ab0ba5d63..cfa85f6530 100644
--- a/grafana-plugin/src/style/vars.css
+++ b/grafana-plugin/src/style/vars.css
@@ -64,6 +64,7 @@
   --shadows-z3: 0 13px 20px 1px rgba(24, 26, 27, 0.18);
   --tag-text-success: rgb(50, 96, 43);
   --tag-border-success: rgb(148, 203, 140);
+  --button-background: rgba(36, 41, 46, 0.16);
 }
 
 .theme-dark {
@@ -97,4 +98,5 @@
   --shadows-z3: 0 8px 24px rgb(1, 4, 9);
   --tag-text-success: rgb(165, 214, 159);
   --tag-border-success: rgb(49, 100, 43);
+  --button-background: rgba(204, 204, 220, 0.16);
 }