RI-7431: poc for color schema

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={{

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)