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 opencast#932
dennis531 · Feb 1, 2023 · 7e9b2f7 · 7e9b2f7
1 parent 3ed1a19
commit 7e9b2f7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -1,7 +1,7 @@
 import { Theme } from "./redux/themeSlice";
 
 export const lightMode: Theme = {
-  background: 'snow',
+  background: 'whitesmoke',
   text: '#000',
   error: '#ed1741',
   element_bg: 'snow',