在Material-UI中调暗/禁用div的最佳方法是什么？

import React from 'react';
import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { Button } from '@material-ui/core';

// 创建自定义主题
const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#000000', // 设置主题颜色为黑色
    },
    secondary: {
      main: '#CCCCCC', // 设置次要颜色为浅灰色
    },
    action: {
      disabled: '#999999', // 设置禁用状态的颜色为灰色
    },
  },
});

const App = () => {
  return (
    <ThemeProvider theme={theme}>
      <Button color="primary">Primary Button</Button>
      <Button color="secondary">Secondary Button</Button>
      <Button color="primary" disabled>Disabled Button</Button>
    </ThemeProvider>
  );
};

export default App;