From 63b78b24cced3d8433e72a4288b74e226e3044f3 Mon Sep 17 00:00:00 2001
From: Yana <iana.matrosova@gmail.com>
Date: Wed, 25 Jun 2025 19:19:19 +0300
Subject: [PATCH] Add light mode styles

---
 explorer-v2/src/components/header/EnvironmentSwitcher.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/explorer-v2/src/components/header/EnvironmentSwitcher.tsx b/explorer-v2/src/components/header/EnvironmentSwitcher.tsx
index cd4c6f898a..03026c6cb8 100644
--- a/explorer-v2/src/components/header/EnvironmentSwitcher.tsx
+++ b/explorer-v2/src/components/header/EnvironmentSwitcher.tsx
@@ -54,7 +54,11 @@ export const EnvironmentSwitcher: React.FC = () => {
             : theme.palette.common.white,
         borderStyle: environment === "sandbox" ? "solid" : "dashed",
         backgroundColor:
-          environment === "sandbox" ? colours.pine[800] : "transparent",
+          environment === "sandbox" && theme.palette.mode === "dark"
+            ? colours.pine[800]
+            : environment === "sandbox" && theme.palette.mode === "light"
+              ? colours.pine[300]
+              : "transparent",
         fontWeight: 500,
         fontSize: 14,
       }}