From b09df60464c438c3e44418ef1afa80e2bd91d0ca Mon Sep 17 00:00:00 2001
From: Laura <48948963+L-M-K-B@users.noreply.github.com>
Date: Thu, 16 Jun 2022 14:39:54 +0200
Subject: [PATCH] Revert "Explore: Convert SASS styles of explore-active-button
 to emotion (#50061)" (#50882)

This reverts commit 85ecf997be4ad723413248ccf03d70c3840649a2.
---
 public/app/features/explore/SecondaryActions.tsx | 9 ++-------
 public/sass/pages/_explore.scss                  | 6 ++++++
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/public/app/features/explore/SecondaryActions.tsx b/public/app/features/explore/SecondaryActions.tsx
index 84f610c2072..97cf5f21bd4 100644
--- a/public/app/features/explore/SecondaryActions.tsx
+++ b/public/app/features/explore/SecondaryActions.tsx
@@ -21,11 +21,6 @@ const getStyles = (theme: GrafanaTheme2) => {
     containerMargin: css`
       margin-top: ${theme.spacing(2)};
     `,
-    exploreActiveButton: css`
-      box-shadow: ${theme.shadows.z1};
-      border: 1px solid ${theme.colors.warning.border};
-      color: ${theme.colors.warning.text};
-    `,
   };
 };
 export function SecondaryActions(props: Props) {
@@ -49,7 +44,7 @@ export function SecondaryActions(props: Props) {
           <Button
             variant="secondary"
             aria-label="Rich history button"
-            className={cx({ [styles.exploreActiveButton]: props.richHistoryButtonActive })}
+            className={cx({ ['explore-active-button']: props.richHistoryButtonActive })}
             onClick={props.onClickRichHistoryButton}
             icon="history"
           >
@@ -59,7 +54,7 @@ export function SecondaryActions(props: Props) {
         <Button
           variant="secondary"
           aria-label="Query inspector button"
-          className={cx({ [styles.exploreActiveButton]: props.queryInspectorButtonActive })}
+          className={cx({ ['explore-active-button']: props.queryInspectorButtonActive })}
           onClick={props.onClickQueryInspectorButton}
           icon="info-circle"
         >
diff --git a/public/sass/pages/_explore.scss b/public/sass/pages/_explore.scss
index 07469ec65ec..5ed23a6996e 100644
--- a/public/sass/pages/_explore.scss
+++ b/public/sass/pages/_explore.scss
@@ -1,3 +1,9 @@
+.explore-active-button {
+  box-shadow: $btn-active-box-shadow;
+  border: 1px solid $orange-dark !important;
+  color: $orange-dark !important;
+}
+
 // TODO: check if this is used
 .explore {
   display: flex;