Switch

web/packages/base/components/EnteSwitch.tsx

@@ -28,10 +28,9 @@ export const EnteSwitch: React.FC<SwitchProps> = styled((props) => (
         },
         "&.Mui-disabled .MuiSwitch-thumb": {
             color: theme.palette.grey[600],
-            // TODO(LM):
-            // ...theme.applyStyles("light", {
-            //     color: theme.palette.grey[100],
-            // }),
+            ...theme.applyStyles("light", {
+                color: theme.palette.grey[100],
+            }),
         },
         "&.Mui-disabled + .MuiSwitch-track": {
             opacity: 0.3,

web/packages/base/components/utils/mui-theme.d.ts

@@ -117,6 +117,10 @@ declare module "@mui/material/styles" {
          * Various ad-hoc fixed colors used by our designs.
          *
          * These do not change with the color scheme.
+         *
+         * Some places in the code also use the grey PaletteColor provided by
+         * MUI whose corresponding color values can be seen at
+         * https://mui.com/material-ui/customization/default-theme/
          */
         fixed: {
             /**