发布

Web/src/assets/base.css

@@ -1,4 +1,4 @@
-/* color palette from <https://github.com/vuejs/theme> */
+/* color palette from <https://github.com/vuejs/theme> */
 /* 
    Most variables are replaced by Vant CSS variables.
    Keeping only what's necessary or mapping to Vant.
@@ -17,6 +17,55 @@
   --color-text: var(--van-text-color);
 
   --section-gap: 160px;
+
+  /* Chart Colors */
+  --chart-color-1: #FF6B6B;
+  --chart-color-2: #4ECDC4;
+  --chart-color-3: #45B7D1;
+  --chart-color-4: #FFA07A;
+  --chart-color-5: #98D8C8;
+  --chart-color-6: #F7DC6F;
+  --chart-color-7: #BB8FCE;
+  --chart-color-8: #85C1E2;
+  --chart-color-9: #F8B88B;
+  --chart-color-10: #AAB7B8;
+  --chart-color-11: #FF8ED4;
+  --chart-color-12: #67E6DC;
+  --chart-color-13: #FFAB73;
+  --chart-color-14: #C9B1FF;
+  --chart-color-15: #7BDFF2;
+
+  /* Status Colors for Charts */
+  --chart-success: #52c41a;
+  --chart-warning: #faad14;
+  --chart-danger: #f5222d;
+  --chart-primary: #1890ff;
+  --chart-shadow: rgba(0,138,255,0.45);
+  --chart-axis: #E6EBF8;
+  --chart-split: #eee;
+  --chart-text-muted: #999;
+
+  /* Heatmap Colors - Light Mode */
+  --heatmap-level-0: var(--van-gray-2);
+  --heatmap-level-1: #9be9a8;
+  --heatmap-level-2: #40c463;
+  --heatmap-level-3: #30a14e;
+  --heatmap-level-4: #216e39;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --chart-axis: #333;
+    --chart-split: #333;
+    --chart-text-muted: #666;
+    
+    /* Heatmap Colors - Dark Mode (GitHub Style) */
+    --heatmap-level-0: #161b22;
+    --heatmap-level-1: #0e4429;
+    --heatmap-level-2: #006d32;
+    --heatmap-level-3: #26a641;
+    --heatmap-level-4: #39d353;
+  }
 }
 
 /* Removed manual dark mode media query as Vant handles it */