我需要将复选框中的黑色小图标更改为其他颜色！

这是我的代码。

素材ui主题:

export const colors: IAppColors = {
   darkTheme: {
      primary: {
         placeholder: "#607589",
         bright: "#37AFE2",
         light: "#276899",
         grey: "#242F3D",
         main: "#17212B",
         dark: "#0E1621",
      },

      secondary: {
         grey: "rgba(255,255,255, .08)",
         light: "rgba(255,255,255, .1)",
         main: "#fff",
         dark: "",
      },
   },
};

MUI主题复选框样式:

export const colors: IAppColors = {
   darkTheme: {
      primary: {
         placeholder: "#607589",
         bright: "#37AFE2",
         light: "#276899",
         grey: "#242F3D",
         main: "#17212B",
         dark: "#0E1621",
      },

      secondary: {
         grey: "rgba(255,255,255, .08)",
         light: "rgba(255,255,255, .1)",
         main: "#fff",
         dark: "",
      },
   },
};

复选框本身

那么，如何将这个小黑色图标颜色更改为白色

此小图标颜色继承自mui主题调色板主色。

我试图将主题调色板中的主色更改为白色，它对我有效，但是，我有一个黑色的主题，所以我只需要更改这个小图标颜色，而不是应用程序的主色。

顺晟科技：

您可以在复选框组件中更改图标和检查道具

export const colors: IAppColors = {
   darkTheme: {
      primary: {
         placeholder: "#607589",
         bright: "#37AFE2",
         light: "#276899",
         grey: "#242F3D",
         main: "#17212B",
         dark: "#0E1621",
      },

      secondary: {
         grey: "rgba(255,255,255, .08)",
         light: "rgba(255,255,255, .1)",
         main: "#fff",
         dark: "",
      },
   },
};

像这样