set disabled color

src/ui/React/Theme.tsx

@@ -33,6 +33,7 @@ declare module "@mui/material/styles" {
 let theme: Theme;
 
 export function refreshTheme(): void {
+  console.log(Settings.theme.disabled);
   theme = createTheme({
     colors: {
       hp: Settings.theme.hp,
@@ -73,6 +74,10 @@ export function refreshTheme(): void {
         default: Settings.theme.black,
         paper: Settings.theme.well,
       },
+      action: {
+        disabledBackground: Settings.theme.disabled,
+        disabled: Settings.theme.disabled,
+      },
     },
     typography: {
       fontFamily: "monospace",

src/ui/React/ThemeEditorModal.tsx

@@ -22,7 +22,10 @@ interface IColorEditorProps {
 }
 
 function ColorEditor({ name, onColorChange, color, defaultColor }: IColorEditorProps): React.ReactElement {
-  if (color === undefined) throw new Error("should not happen");
+  if (color === undefined) {
+    console.error(`color ${name} was undefined, reverting to default`);
+    color = defaultColor;
+  }
 
   return (
     <>
@@ -264,6 +267,12 @@ export function ThemeEditorModal(props: IProps): React.ReactElement {
         color={customTheme["rep"]}
         defaultColor={defaultSettings.theme["rep"]}
       />
+      <ColorEditor
+        name="disabled"
+        onColorChange={onColorChange}
+        color={customTheme["disabled"]}
+        defaultColor={defaultSettings.theme["disabled"]}
+      />
       <br />
       <br />
       <TextField label={"import / export theme"} value={JSON.stringify(customTheme)} onChange={onThemeChange} />