Skip to content

[BUG] dynamic theme, CSS Variable #245

Open
@airlenet

Description

@airlenet

🐛 Bug 描述 Bug description

使用版本:"@ant-design-vue/pro-layout": "^3.2.3"

npmjs下载后的
@ant-design-vue/pro-layout/dist/style.css

中包含
.ant-btn-primary{color:#fff;border-color:#1890ff;background:#1890ff;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px #0000000b}

希望 此文件包含的.ant-btn-primary等样式使用的是var方式引用,或者移除 ant-design-vue包含的样式。

.ant-btn-primary{background:var(--ant-primary-color);border-color:var(--ant-primary-color);box-shadow:0 2px 0 rgba(0,0,0,.045);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.12)}

import '@ant-design-vue/pro-layout/dist/style.css'
import 'ant-design-vue/dist/antd.variable.min.css'
现在使用动态主题,需要先引用prod-layout再引用antd.variable.min.css,才能生效,而且,两个文件样式重复太多,发布后文件太大

🏞 期望结果 Desired result

希望 dist/style.css文件包含的.ant-btn-primary等样式使用的是var方式引用,或者移除 ant-design-vue包含的样式。

🚑 其他信息 Other information

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions