Layout组件在黑暗模式下样式不正确

[Kigoal]

• [x] I'm sure this does not appear in the issue list of the repository

基本信息

• 依赖包名 及 版本: @arco-design/web-vue: 2.6.1
• 系统版本: MacOS 12.0.1
• 浏览器版本: Edge 95
• 复现地址: https://arco.design/

预期结果

Layout.Sider 的css改为 arco-layout-sider-dark 或更改 box-shadow 的颜色值

复现步骤

此时 Layout.Sider 的css还是 arco-layout-sider-light

.arco-layout-sider-light {
    background: var(--color-menu-light-bg);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%);
}

[kirazxyun]

.arco-layput-sider-dark 的样式和 arco-layput-sider-light 在暗黑主题下的样式来源是不一样的，所以是存在差异的哦

[Kigoal]

.arco-layput-sider-dark 的样式和 arco-layput-sider-light 在暗黑主题下的样式来源是不一样的，所以是存在差异的哦

正常这里的box-shadow颜色值应该也会更新吧。这是light mode下的颜色，需要改变为dark mode下的颜色

[Kigoal]

理想的情况下，样式应该是这样的：

light mode: box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%);

dark mode: box-shadow: 0 2px 5px 0 rgb(255 255 255 / 8%);

[kirazxyun]

我们的设计师在这里设置一个固定颜色的阴影，我先去找设计师对一下这个样式