fix: 修复仪表盘不随主题颜色变化问题；修复SAML2-link标签颜色；修复select-down显示颜色

public/theme/element-extra.css

@@ -419,3 +419,7 @@ td .el-button.el-button--mini {
   background-color: #ddd;
 }
 
+.el-input-group__prepend div.el-select .el-input__inner,
+.el-input-group__prepend div.el-select .el-input__inner:hover {
+  color: #303133;
+}

src/components/DataForm/index.vue

@@ -145,7 +145,7 @@ export default {
     line-height: 18px;
   }
   .el-form ::v-deep .help-block a {
-    color: #1c84c6;
+    color: var(--color-primary);
   }
   .form-buttons {
     padding-top: 10px;

src/views/dashboard/DatesLoginSummary/LoginActivePin.vue

@@ -32,7 +32,6 @@
 import 'echarts/lib/chart/pie'
 import 'echarts/lib/component/tooltip'
 import 'echarts/lib/component/title'
-import vars from '@/styles/variables.scss'
 
 export default {
   name: 'LoginActivePin',
@@ -57,7 +56,16 @@ export default {
     }
   },
   computed: {
+    themeColor() {
+      const documentStyle = document.documentElement.style
+      return {
+        primary: documentStyle.getPropertyValue('--color-primary'),
+        info: documentStyle.getPropertyValue('--color-info'),
+        success: documentStyle.getPropertyValue('--color-success')
+      }
+    },
     userOption() {
+      const { primary, info, success } = this.themeColor
       return {
         legend: {
           show: false
@@ -65,7 +73,7 @@ export default {
         title: {
           subtext: this.$t('dashboard.User')
         },
-        color: [vars['color-primary'], vars['color-info'], vars['color-success']],
+        color: [primary, info, success],
         tooltip: {
           trigger: 'item',
           formatter: '{a} <br/>{b}: {c} ({d}%)'
@@ -100,6 +108,7 @@ export default {
       }
     },
     AssetOption() {
+      const { primary, info, success } = this.themeColor
       return {
         legend: {
           show: false
@@ -107,7 +116,7 @@ export default {
         title: {
           subtext: this.$t('dashboard.Asset')
         },
-        color: [vars['color-primary'], vars['color-info'], vars['color-success']],
+        color: [primary, info, success],
         tooltip: {
           trigger: 'item',
           formatter: '{a} <br/>{b}: {c} ({d}%)'

src/views/dashboard/DatesLoginSummary/LoginMetric.vue

@@ -8,7 +8,7 @@
 <script>
 import 'echarts/lib/chart/line'
 import 'echarts/lib/component/legend'
-import vars from '@/styles/variables.scss'
+
 export default {
   name: 'LoginMetric',
   props: {
@@ -29,7 +29,16 @@ export default {
     }
   },
   computed: {
+    themeColor() {
+      const documentStyle = document.documentElement.style
+      return {
+        primary: documentStyle.getPropertyValue('--color-primary'),
+        info: documentStyle.getPropertyValue('--color-info'),
+        success: documentStyle.getPropertyValue('--color-success')
+      }
+    },
     options() {
+      const { primary, info, success } = this.themeColor
       return {
         title: {
           show: false
@@ -56,7 +65,7 @@ export default {
           bottom: '3%',
           containLabel: true
         },
-        color: [vars['color-primary'], vars['color-info'], vars['color-success']],
+        color: [primary, info, success],
         xAxis: [
           {
             type: 'category',