暗黑模式a-layout-content不生效

[lovelytan]

布局如下,content暗黑不生效，是需要css手动设置背景色吗

<template>
  <a-layout style="height: 100vh;">
    <a-layout-header>
      <Header />
    </a-layout-header>
    <a-layout>
      <a-layout-sider>Sider</a-layout-sider>
      <a-layout-content>Content</a-layout-content>
    </a-layout>
  </a-layout>
</template>

效果如下：

package.json

{
  "dependencies": {
    "@midwayjs/hooks": "^3.1.0",
    "@midwayjs/hooks-kit": "^3.1.0",
    "@midwayjs/koa": "^3.10.6",
    "@midwayjs/rpc": "^3.1.0",
    "@midwayjs/serve": "^3.1.0",
    "isomorphic-unfetch": "^3.1.0",
    "less": "^4.1.3",
    "vue": "^3.2.25"
  },
  "devDependencies": {
    "@arco-design/web-vue": "^2.47.1",
    "@vitejs/plugin-vue": "^4.0.0",
    "typescript": "^4.9.4",
    "unplugin-auto-import": "^0.16.4",
    "unplugin-vue-components": "^0.25.1"
  }
}