fix(#39): some MUI Components not changing in Dark Mode (#94)

Signed-off-by: svrnm <neumanns@cisco.com> Signed-off-by: svrnm <neumanns@cisco.com>
svrnm · Nov 30, 2022 · d38e607 · d38e607
1 parent 208a57f
commit d38e607
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/options/editor/Editor.js b/src/components/options/editor/Editor.js
@@ -350,6 +350,10 @@ class Editor extends React.Component {
           <div className="select-hotkeys">
             <FormControl sx={{ m: 1, width: '95%' }} size="small">
               <Select
+                style={{
+                  background: 'var(--input-background-color)',
+                  color: 'var(--mode-text-color)'
+                }}
                 renderValue={(selected) => {
                   if (selected.length === 0) {
                     return <em>Shortcut Groups...</em>

diff --git a/styles/main.less b/styles/main.less
@@ -174,6 +174,16 @@ input {
   color: var(--mode-text-color);
 }
 
+span.MuiSwitch-track {
+  background: var(--mode-text-color);
+}
+
+div.MuiPaper-root.MuiMenu-paper {
+  background: var(--input-background-color);
+  color: var(--mode-text-color);
+}
+
+
 .main-grid {
   display: flex;
   height: 100vh;