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); }