改浅色

src/views/indexs/center-bottom.vue

@@ -20,7 +20,7 @@ export default {
       // { name: '其它：10%', value: 260 }
     ]
   ],
-    colors: ["#00E5FF", "#FF5733"]
+    colors: ["#1890ff", "#ff9800"]
       //colors: ["#00E5FF", "#FF5733",  "#FFBF00", "#5CDB95"]
     };
   },
@@ -48,7 +48,7 @@ export default {
           text: '',
           left: 'center',
           textStyle: {
-            color: '#DDDDDD', // 将原来的 #999 改为更亮的灰色
+            color: '#000000', // 浅色主题使用黑色
             fontWeight: 'normal',
             fontSize: 14
           }
@@ -63,7 +63,7 @@ export default {
             left: 'center',
             width: '600px',
             itemStyle: {
-              borderColor: 'orange',
+              borderColor: '#ff9800', // 使用较暗的橙色边框
               borderWidth: 1
             },
             label: {
@@ -76,17 +76,17 @@ export default {
               rich: {
                 name: {  // 新增 name 样式
                   fontSize: 14,
-                  color: 'yellow', // 使用亮白色
+                  color: '#666666', // 使用深灰色降低亮度
                   padding: [0, 0, 5, 0]
                 },
                 value: {
                   fontSize: 12,
-                  color: 'orange',
+                  color: '#ff9800', // 使用较暗的橙色
                   padding: [0, 5, 0, 0]
                 },
                 percent: {
                   fontSize: 12,
-                  color: '#FF5733' // 保留原有橙色
+                  color: '#f57c00' // 使用更深的橙色
                 }
               }
             },