#RI-4981 - set dark theme by default

rsergeenko · rsergeenko · commit 076c2bbb2f21 · 2023-09-28T13:47:43.000+02:00
diff --git a/redisinsight/ui/src/contexts/themeContext.tsx b/redisinsight/ui/src/contexts/themeContext.tsx
@@ -9,7 +9,7 @@ interface Props {
 const THEME_NAMES = THEMES.map(({ value }) => value)
 
 export const defaultState = {
-  theme: THEME_NAMES[0],
+  theme: THEME_NAMES[1], // dark theme by default
   usingSystemTheme: localStorageService.get(BrowserStorageItem.theme) === Theme.System,
   changeTheme: (themeValue: any) => {
     themeService.applyTheme(themeValue)
@@ -36,7 +36,7 @@ export class ThemeProvider extends React.Component<Props> {
     }
   }
 
-  getSystemTheme = () => window.matchMedia && window.matchMedia(THEME_MATCH_MEDIA_DARK).matches ? Theme.Dark : Theme.Light
+  getSystemTheme = () => (window.matchMedia && window.matchMedia(THEME_MATCH_MEDIA_DARK).matches ? Theme.Dark : Theme.Light)
 
   changeTheme = (themeValue: any) => {
     let actualTheme = themeValue

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ interface Props {`
`9`	`9`	`const THEME_NAMES = THEMES.map(({ value }) => value)`
`10`	`10`
`11`	`11`	`export const defaultState = {`
`12`		`- theme: THEME_NAMES[0],`
	`12`	`+ theme: THEME_NAMES[1], // dark theme by default`
`13`	`13`	`usingSystemTheme: localStorageService.get(BrowserStorageItem.theme) === Theme.System,`
`14`	`14`	`changeTheme: (themeValue: any) => {`
`15`	`15`	`themeService.applyTheme(themeValue)`
`@@ -36,7 +36,7 @@ export class ThemeProvider extends React.Component<Props> {`
`36`	`36`	`}`
`37`	`37`	`}`
`38`	`38`
`39`		`- getSystemTheme = () => window.matchMedia && window.matchMedia(THEME_MATCH_MEDIA_DARK).matches ? Theme.Dark : Theme.Light`
	`39`	`+ getSystemTheme = () => (window.matchMedia && window.matchMedia(THEME_MATCH_MEDIA_DARK).matches ? Theme.Dark : Theme.Light)`
`40`	`40`
`41`	`41`	`changeTheme = (themeValue: any) => {`
`42`	`42`	`let actualTheme = themeValue`