Make default theme to be the system one (#4434)

* making system theme as default

* change default theme to system for desktop

* Update by default theme to system

Co-authored-by: Pavel Angelov <[email protected]>

---------

Co-authored-by: Pavel Angelov <[email protected]>

Author: yashschandra

redisinsight/desktop/config.json

@@ -3,7 +3,7 @@
   "defaultPort": 5530,
   "host": "localhost",
   "debug": false,
-  "themeSource": "dark",
+  "themeSource": "system",
   "appName": "Redis Insight",
   "schema": "redisinsight",
   "mainWindow": {

redisinsight/ui/src/config/default.ts

@@ -43,7 +43,7 @@ export const defaultConfig = {
     unauthenticatedRedirect: process.env.RI_401_REDIRECT_URL ?? '',
     smConsoleRedirect: process.env.RI_SM_REDIRECT_URL ?? '',
     dbUpgradeRedirectBase: process.env.RI_DB_UPGRADE_REDIRECT_URL ?? '',
-    defaultTheme: process.env.RI_DEFAULT_THEME ?? 'DARK',
+    defaultTheme: process.env.RI_DEFAULT_THEME ?? 'SYSTEM',
     lazyLoad: booleanEnv('RI_ROUTES_LAZY_LOAD', false),
     routesExcludedByEnv: booleanEnv('RI_ROUTES_EXCLUDED_BY_ENV', false),
     returnUrlBase: process.env.RI_RETURN_URL_BASE,

redisinsight/ui/src/contexts/themeContext.tsx

@@ -10,7 +10,7 @@ interface Props {
 const THEME_NAMES = THEMES.map(({ value }) => value)
 
 export const defaultState = {
-  theme: DEFAULT_THEME || THEME_NAMES[1], // env configured theme or dark theme by default
+  theme: DEFAULT_THEME || Theme.System,
   usingSystemTheme: localStorageService.get(BrowserStorageItem.theme) === Theme.System,
   changeTheme: (themeValue: any) => {
     themeService.applyTheme(themeValue)