IT技术 - 将标题的背景颜色更改为 LESS 变量（nextjs + less + antdesign） - 吾爱随笔录

假设我有 Header.js

...
    const MainHeader = () => {
      return (
        <Header>
          <Menu theme="dark" mode="horizontal">
            <Menu.Item key="1">nav 1</Menu.Item>
            <Menu.Item key="2">nav 2</Menu.Item>
            <Menu.Item key="3">nav 3</Menu.Item>
          </Menu>
        </Header>
      );
    };
...

我想改变那个标题的颜色最简单的方法可能是这个

...
    const MainHeader = () => {
      return (
        <Header style={{background:"black"}}>
          <Menu style={{background:"black"}} theme="dark" mode="horizontal">
            <Menu.Item key="1">nav 1</Menu.Item>
            <Menu.Item key="2">nav 2</Menu.Item>
            <Menu.Item key="3">nav 3</Menu.Item>
          </Menu>
        </Header>
      );
    };
...

但我想要做的是使用 var.less 中的变量（而不是黑色），但我找不到如何去做的方法。当然，我可以使用 Header.module.less 创建新类并在 Menu 或 Header 中使用它，但我需要添加!important，否则将使用 ant 默认值。或者，如果您知道如何编辑蚂蚁设计的更好方法，请告诉我:)