From 7e9b2f7a27adfd38503d36cfc113d2fe6c7227ac Mon Sep 17 00:00:00 2001
From: debenz <dennis.benz@uos.de>
Date: Wed, 1 Feb 2023 13:39:10 +0100
Subject: [PATCH] Improve visibility of input fields

Shows a slightly grey (whitesmoke) background and white input fields in light mode.

This changes should make the input fields better visible, since they are currently displayed in the same background color.

Resolves #932
---
 src/cssStyles.tsx | 2 +-
 src/themes.ts     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/cssStyles.tsx b/src/cssStyles.tsx
index c25c121b4..5ecef6690 100644
--- a/src/cssStyles.tsx
+++ b/src/cssStyles.tsx
@@ -386,7 +386,7 @@ export const subtitleSelectStyle = (theme: Theme) => createTheme({
     MuiSelect: {
       styleOverrides: {
         select: {
-          background: `${theme.background}`,
+          background: `${theme.element_bg}`,
           color: `${theme.text} !important`,
         },
         icon: {
diff --git a/src/themes.ts b/src/themes.ts
index d1b74d2d1..461e086fc 100644
--- a/src/themes.ts
+++ b/src/themes.ts
@@ -1,7 +1,7 @@
 import { Theme } from "./redux/themeSlice";
 
 export const lightMode: Theme = {
-  background: 'snow',
+  background: 'whitesmoke',
   text: '#000',
   error: '#ed1741',
   element_bg: 'snow',