antdv全局修改组件样式

# 需求：因为 a-slider 的组件颜色过浅与背景颜色重合用户不容易看到，现在需要在全局修改其背景颜色更深色一些

通过调试台我们知道其颜色主要由 antdv 样式文件中的 ant-slider-rail 控制，而我们需要修改其 background-color 属性使其深色一些，且需要全局生效，也就是说其他组件在使用这个组件时，也默认受到影响

# :deep () 样式穿透

样式穿透修改组件虽然简单高效，但受到限制，它只能在局部组件使用，而且用这种方式设置覆盖 ant-design-vue 的 slider 类会使其在 hover 时也默认为该色，也就是 hover 失效。显然这种解法非常拉胯，也无法在 App.vue 下全局生效
后面改用:global () 和>>> 也无济于事

# style 文件下的全局样式覆盖

我们知道项目引入 antdv 需要在 main.ts 引入其 js 和 css 文件，而当前项目的 css 文件统一在 style 目录下引入方便统一管理，由于当前流行多主题模式，所以项目也适配了白黑主题的切换，就设置了白黑两个 css 文件进行切换，而公共样式放在 common 下

antdv 也有对应的白天黑夜主题，所以 light 引入的就是 antdv 下的 antd.less，而 dark 引入的是 antd.dark.less，两个主题分别在 App.ts 中导入并设置好切换按钮让用户方便切换。

通过 fork antdv 的源码并找到该类名，可以发现其背景色由该变量决定，所以我们只要在我们项目的 light.less 文件下重新给变量赋值成一个稍微深一点的颜色即可

这样就可以全局生效了，而且也不会影响到 hover