score:2

Accepted answer

you need to export a theme, that you created from styleoverride.js, not a createtheme function, provided by material-ui. then you import theme in your other component, and pass as a prop to a <themeprovider theme={theme}></themeprovider>.
check out the docs for more detailed explanation.

// styleoverride.js

import { createtheme } from "@material-ui/core/styles";

const theme = createtheme({
    overrides: {
      muicard: {
        root: {
          overflow: "visible",
          boxshadow: "none",
        },
      },
      muibutton: {
        root: {
          backgroundcolor: "#673ab7",
          color: "#fff !important",
          marginright: "10px",
          padding: "5px !important",
          "&:hover": {
            backgroundcolor: "#b39ddb !important",
          },
        },
        label: {
          fontsize: "11px",
        },
      },
      muitablehead: {
        root: {
          fontweight: "800",
        },
      },
      muitablecell: {
        root: {
          padding: "15px !important",
        },
      },
      muitoolbar: {
        root: {
          padding: "0px !important",
          // margintop:"15px"
        },
      },
      muisvgicon: {
        root: {
          fontsize: "15px !important",
        },
      },
      rabulkactionstoolbar: {
        title: {
          marginleft: "15px",
        },
      },
    },
  });

 export default theme;
// list.js

import theme from "./styleoverride";

export const rolelist = (props) => {
  return (
    <themeprovider theme={theme}>
      <card >
        <list {...props} pagination={null} perpage={9999}>
          <datagrid>
            <textfield source="name" />
            <editbutton />
          </datagrid>
        </list>
      </card>
    </themeprovider>
  );
};

export const rolecreate = (props) => {
  return (
    <themeprovider theme={theme}>
      <card>
        <create {...props}>
          <simpleform>
            <textinput source="name" />
          </simpleform>
        </create>
      </card>
    </themeprovider>
  );
};


Related Query

More Query from same tag