增量提交

Claw/client/wechat_app/components/task-card/task-card.wxss

@@ -1,27 +1,26 @@
-/* 任务卡片组件样式 */
+/* 任务卡片组件样式 - 深色主题 */
 .task-card {
-  background: white;
+  background: linear-gradient(180deg, #1a1a1a 0%, #161616 100%);
   border-radius: 20rpx;
   padding: 30rpx;
   margin: 20rpx 0;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
-  border-left: 8rpx solid #e0e0e0;
+  border-left: 8rpx solid #2a2a2a;
 }
 
 .task-card.pending {
-  border-left-color: #f0ad4e;
+  border-left-color: #faad14;
 }
 
 .task-card.processing {
-  border-left-color: #10aeff;
+  border-left-color: #1677FF;
 }
 
 .task-card.completed {
-  border-left-color: #07c160;
+  border-left-color: #52c41a;
 }
 
 .task-card.failed {
-  border-left-color: #dd524d;
+  border-left-color: #ff4d4f;
 }
 
 .task-header {
@@ -30,13 +29,13 @@
   align-items: center;
   margin-bottom: 20rpx;
   padding-bottom: 20rpx;
-  border-bottom: 1rpx solid #f0f0f0;
+  border-bottom: 2rpx solid rgba(255,255,255,0.06);
 }
 
 .task-title {
   font-size: 32rpx;
   font-weight: bold;
-  color: #333;
+  color: #ffffff;
   flex: 1;
   margin-right: 20rpx;
 }
@@ -50,23 +49,23 @@
 }
 
 .task-status.pending {
-  background-color: #fff3cd;
-  color: #856404;
+  background-color: rgba(250,173,20,0.15);
+  color: #faad14;
 }
 
 .task-status.processing {
-  background-color: #cce5ff;
-  color: #004085;
+  background-color: rgba(22,119,255,0.15);
+  color: #1677FF;
 }
 
 .task-status.completed {
-  background-color: #d4edda;
-  color: #155724;
+  background-color: rgba(82,196,26,0.15);
+  color: #52c41a;
 }
 
 .task-status.failed {
-  background-color: #f8d7da;
-  color: #721c24;
+  background-color: rgba(255,77,79,0.15);
+  color: #ff4d4f;
 }
 
 .task-content {
@@ -75,7 +74,7 @@
 
 .task-description {
   font-size: 28rpx;
-  color: #666;
+  color: #aaaaaa;
   line-height: 1.5;
   margin-bottom: 20rpx;
 }
@@ -90,10 +89,11 @@
 .task-type,
 .task-priority {
   font-size: 24rpx;
-  color: #999;
-  background: #f8f8f8;
+  color: #888888;
+  background: #222222;
   padding: 8rpx 16rpx;
   border-radius: 10rpx;
+  border: 2rpx solid rgba(255,255,255,0.04);
 }
 
 .task-timeline {
@@ -104,7 +104,7 @@
 
 .task-time {
   font-size: 24rpx;
-  color: #999;
+  color: #666666;
 }
 
 .task-actions {
@@ -113,7 +113,7 @@
   gap: 15rpx;
   margin-top: 20rpx;
   padding-top: 20rpx;
-  border-top: 1rpx solid #f0f0f0;
+  border-top: 2rpx solid rgba(255,255,255,0.06);
 }
 
 .action-btn {
@@ -127,27 +127,27 @@
 }
 
 .action-btn.primary {
-  background: linear-gradient(135deg, #07c160 0%, #06a050 100%);
+  background: linear-gradient(135deg, #1677FF 0%, #0958d9 100%);
   color: white;
 }
 
 .action-btn.success {
-  background: linear-gradient(135deg, #28a745 0%, #218838 100%);
+  background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
   color: white;
 }
 
 .action-btn.warning {
-  background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
-  color: #212529;
+  background: linear-gradient(135deg, #faad14 0%, #d48806 100%);
+  color: #1a1a1a;
 }
 
 .action-btn.info {
-  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
+  background: linear-gradient(135deg, #13c2c2 0%, #08979c 100%);
   color: white;
 }
 
 .action-btn.danger {
-  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
+  background: linear-gradient(135deg, #ff4d4f 0%, #cf1322 100%);
   color: white;
 }
 
@@ -164,21 +164,22 @@
 
 .progress-text {
   font-size: 24rpx;
-  color: #666;
+  color: #888888;
   min-width: 60rpx;
   text-align: right;
 }
 
 .task-result {
-  background: #f8f9fa;
+  background: #141414;
   border-radius: 10rpx;
   padding: 20rpx;
   margin-top: 20rpx;
+  border: 2rpx solid rgba(255,255,255,0.06);
 }
 
 .result-label {
   font-size: 24rpx;
-  color: #666;
+  color: #888888;
   font-weight: bold;
   margin-bottom: 10rpx;
   display: block;
@@ -186,10 +187,10 @@
 
 .result-content {
   font-size: 26rpx;
-  color: #333;
+  color: #e5e5e5;
   line-height: 1.5;
-  background: white;
+  background: #0d0d0d;
   padding: 15rpx;
   border-radius: 8rpx;
-  border: 1rpx solid #e9ecef;
-}
+  border: 2rpx solid #252525;
+}