From 748c3356b6f4a36a838b7a6c722bbede110e15d5 Mon Sep 17 00:00:00 2001
From: ArtemHoruzhenko <artsiom.kharuzhenka@gmail.com>
Date: Mon, 15 Sep 2025 09:22:11 +0300
Subject: [PATCH] RI-7431: poc for color schema

---
 redisinsight/ui/src/contexts/themeContext.tsx |  4 +-
 .../styles/themes/legacy-theme-override.ts    | 38 +++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 redisinsight/ui/src/styles/themes/legacy-theme-override.ts

diff --git a/redisinsight/ui/src/contexts/themeContext.tsx b/redisinsight/ui/src/contexts/themeContext.tsx
index 9b2e468ebf..386555195c 100644
--- a/redisinsight/ui/src/contexts/themeContext.tsx
+++ b/redisinsight/ui/src/contexts/themeContext.tsx
@@ -5,6 +5,7 @@ import {
   themeLight,
   themeDark,
 } from '@redis-ui/styles'
+import { legacyDarkTheme } from 'uiSrc/styles/themes/legacy-theme-override'
 import '@redis-ui/styles/normalized-styles.css'
 import '@redis-ui/styles/fonts.css'
 
@@ -82,10 +83,11 @@ export class ThemeProvider extends React.Component<Props> {
     const { theme, usingSystemTheme }: any = this.state
     const uiTheme =
       theme === Theme.Dark
-        ? themeDark
+        ? legacyDarkTheme
         : theme === Theme.Light
           ? themeLight
           : redisUiOldTheme
+    
     return (
       <ThemeContext.Provider
         value={{
diff --git a/redisinsight/ui/src/styles/themes/legacy-theme-override.ts b/redisinsight/ui/src/styles/themes/legacy-theme-override.ts
new file mode 100644
index 0000000000..9c54739ffb
--- /dev/null
+++ b/redisinsight/ui/src/styles/themes/legacy-theme-override.ts
@@ -0,0 +1,38 @@
+import { themeDark } from '@redis-ui/styles'
+import { merge } from 'lodash'
+
+// Legacy dark theme primary color
+const LEGACY_DARK_PRIMARY = '#8ba2ff'
+
+// Component overrides for hardcoded #80dbff colors
+const componentOverrides = {
+  switchButton: {
+    toggleStates: {
+      on: {
+        normal: {
+          bgColor: LEGACY_DARK_PRIMARY,
+          borderColor: LEGACY_DARK_PRIMARY,
+        }
+      }
+    }
+  },
+  radio: {
+    variants: {
+      primary: {
+        on: {
+          normal: {
+            bgColor: LEGACY_DARK_PRIMARY,
+          }
+        }
+      }
+    }
+  }
+}
+
+// Theme overrides at root level for flexibility
+const themeOverrides = {
+  components: componentOverrides
+}
+
+// Create modified dark theme with legacy colors
+export const legacyDarkTheme = merge({}, themeDark, themeOverrides)
\ No newline at end of file