Ant-design-pro: 整体风格设置/主题色 设置后界面UI出现混乱情况

[xiaoningtongxue]

操作系统: Mac OS 版本 10.13.6 (17G3025).

浏览器：chrome 版本 70.0.3538.110.

预期状态：设置主题色出现相应的主题色，并且不影响其他功能的正常运行。

实际情况：设置主题色出现相应的主题色 界面UI混乱（github上传图片一直失败，所以就没有图片可了）。

特别说明：一切操作都是按照官网流程，未更改过代码，未安装其他第三方依赖。

[xiaoningtongxue]

控制台无报错。

[xiaohuoni]

界面UI混乱？

[chenshuai2144]

混乱是什么意思？

[xiaoningtongxue]

emmmm..........截图上传不了，我也很痛苦，我再试试传个图片。

[xiaoningtongxue]

修改颜色后就会出现下图情况：

[xiaoningtongxue]

刷新页面之后就会这种情况，只要带上修改颜色的参数就会这样，我口中的ui混乱。

[chenshuai2144]

这个是某个插件吧

[xiaoningtongxue]

设置主题颜色就会100%复现这个问题。

[xiaoningtongxue]

某个插件？没有安装第三方插件。

[chenshuai2144]

换个浏览器试试

[xiaoningtongxue]

换的Safari 还是有一样的问题。。。你那边是不是不能复现？

[xiaohuoni]

我这边也重现不了

[yingw]

我这边多个操作系统都这样

[yingw]

换了颜色是一片白色，如果重新打开带颜色参数的url http://localhost:8000/dashboard/analysis?navTheme=light&primaryColor=%23F5222D ，能看到组件但是还是渲染问题

我试过 windows、ubuntu、centos，各种浏览器，都是这样

[yingw]

@chenshuai2144 @xiaohuoni

[zhangweitao521]

      这个是某个插件吧

我这边也是同样的问题，之前的版本是好的，就是最近更新了下代码就这样了，每个浏览器都是，只要点击颜色就是这样

[afc163]

你们需要自行排查一下，搞清楚这些样式是来自哪里的，在无法重现的情况下是我们是无法修复的。

[yingw]

查了一下可能是某个浏览器的默认样式，后台有一段：
user agent style

div {
    display: block;
}

使得每个div都显示块了

另外在右边菜单弹出时，有个层的样式 not dropdown-menu 背景白色，把所有内容遮住了，后台删掉就好了

同样的浏览器和操作系统查看在线版demo没有这个问题，还以还是编译时的问题，每次都是编译后就出问题。另外拷贝样式的代码到 defaultSetting.js 也没作用，还是原来风格

另一个现象来印证，直接打开link：http://localhost:8000/dashboard/analysis?primaryColor=%2313C2C2&fixedHeader=1 能看到 loading 动画是变色生效的，显示正在编译，然后就上面那样了

最后，下载了上个月的 2.1.1 release，重新安装了测试，是好的。

[Yhspehy]

color.less中
.container > *:global(:not(.ant-dropdown-menu)){}
这个类在Chrome中自动编译成了:not(.ant-dropdown-menu) {},
导致在全局下应用，而并非是.container > 的子元素。