first

src/themes/overrides/ToggleButton.js

@@ -0,0 +1,20 @@
+// ==============================|| OVERRIDES - TOGGLE BUTTON ||============================== //
+
+export default function ToggleButton(theme) {
+  return {
+    MuiToggleButton: {
+      styleOverrides: {
+        root: {
+          '&.Mui-disabled': {
+            borderColor: theme.palette.divider,
+            color: theme.palette.text.disabled
+          },
+          '&:focus-visible': {
+            outline: `2px solid ${theme.palette.secondary.dark}`,
+            outlineOffset: 2
+          }
+        }
+      }
+    }
+  };
+}