fix system panel color background

2024-02-01 19:51:55 -05:00 · 2024-02-01 19:51:55 -05:00 · 50c4ee8d67
commit 50c4ee8d67
parent 97eeb82ef7
1 changed files with 6 additions and 1 deletions
--- a/src/views/dialogs/DisplaySettingsDialog.tsx
+++ b/src/views/dialogs/DisplaySettingsDialog.tsx
@ -67,7 +67,12 @@ export const DisplaySettingsDialog = ({ setIsOpen }: ElementProps) => {
            label: STRING_KEYS.LIGHT,
          },
        ].map(({ themeSetting, label }) => {
-          const theme = themeSetting === AppThemeSystemSetting.System ? currentTheme : themeSetting;
+          const theme =
+            themeSetting === AppThemeSystemSetting.System
+              ? globalThis.matchMedia('(prefers-color-scheme: dark)').matches
+                ? AppTheme.Dark
+                : AppTheme.Light
+              : themeSetting;

          const backgroundColor = Themes[theme][currentColorMode].layer2;
          const gridColor = Themes[theme][currentColorMode].borderDefault;