feat: add dark mode

Author: anotherso1a

copilot/Sender/index.axml

@@ -17,16 +17,6 @@
           confirm-type="send"
           onInput="handleInput"
         />
-        <!-- <ant-textarea
-          className="ant-copilot-sender-input"
-          value="{{value}}"
-          placeholder="{{placeholder}}"
-          maxLength="{{-1}}"
-          showCount="{{false}}"
-          disabled="{{disabled}}"
-          autoHeight
-          onChange="onChange"
-        ></ant-textarea> -->
       </view>
       <slot name="suffix"></slot>
       <view class="ant-copilot-sender-content-button {{loading ? 'loading' : ''}}" onTap="handleMainBtn"></view>

copilot/Sender/index.less

@@ -9,7 +9,7 @@
   &-contain {
     display: flex;
     flex-direction: column;
-    background: #ffffff;
+    background: @sender-background-color;
     box-shadow: 0 6rpx 16rpx -8rpx rgba(0, 10, 26, 0.08),
       0 9rpx 28rpx 0 rgba(0, 10, 26, 0.05),
       0 12rpx 48rpx 16rpx rgba(0, 10, 26, 0.03);
@@ -34,6 +34,7 @@
           padding: 0;
           font-size: 30rpx;
           line-height: 48rpx;
+          background: @sender-background-color;
           color: @sender-input-text-color;
           caret-color: @sender-input-caret-color;
           max-height: @sender-max-height;

copilot/Sender/variable.less

@@ -4,14 +4,11 @@
 // 背景色
 @sender-background-color: var(--sender-background-color, #ffffff);
 
-// 文本颜色
-@sender-text-color: var(--sender-text-color, #333333);
-
 // 占位符颜色
 @sender-placeholder-color: var(--sender-placeholder-color, rgba(0, 0, 0, 0.25));
 
 // 发送按钮颜色
-@sender-send-color: var(--sender-send-color, #1677ff);
+// @sender-send-color: var(--sender-send-color, #1677ff);
 
 // 输入框文本颜色
 @sender-input-text-color: var(--sender-input-text-color, #000000);

src/style/themes/theme-black.less

@@ -531,4 +531,28 @@ page {
   --conversations-swipe-item-view-label-color: rgba(255, 255, 255, 0.88);
   --conversations-swipe-item-view-timestamp-color: #b0b0b0;
   --conversations-swipe-item-view-desc-color: rgba(255, 255, 255, 0.45);
+
+  // suggestion
+  --suggestion-item-border-color: rgba(255, 255, 255, 0.15);
+  --suggestion-item-text-color: rgba(255, 255, 255, 0.85);
+
+  // actions
+  --actions-background-color: #1f1f1f;
+  --actions-item-hover-background-color: #2f2f2f;
+
+  // bubble
+  --bubble-background-color: #1f1f1f;
+  --bubble-user-background-color: #1668dc;  // 深色模式下稍微暗一点的蓝色
+  --bubble-text-color: rgba(255, 255, 255, 0.85);
+  --bubble-text-color-user: #ffffff;
+
+  // sender
+  --sender-background-color: #141414;
+  --sender-text-color: rgba(255, 255, 255, 0.85);
+  --sender-placeholder-color: rgba(255, 255, 255, 0.3);
+  --sender-send-color: #1668dc;
+  --sender-input-text-color: rgba(255, 255, 255, 0.85);
+  --sender-input-caret-color: #1668dc;
+  --sender-focus-border-color: #1668dc;
+  --sender-max-height: 192rpx;  // 保持不变
 }