fix: 修复深色模式问题

Author: dennis.zpf

copilot-demo/pages/ThoughtChain/index.less

@@ -1,18 +1,31 @@
 page {
   // background: #f5f5f5;
   padding: 12rpx;
+  /* 浅色模式的css变量 */
+@media (prefers-color-scheme: light) {
+  --background-color: #f5f5f5;
+  --title-color: #000;
+  --content-color: #999;
+}
+
+/* 深色模式的css变量 */
+@media (prefers-color-scheme: dark) {
+  --background-color: #0A0A0A;
+  --title-color: #fff;
+  --content-color: #666;
+}
   .secondLevel {
     padding: 24rpx;
-    background-color: #f5f5f5;
+    background-color: var(--background-color);
     border-radius: 24rpx;
     margin-left: -58rpx;
   }
   .second-thoughtchain {
     .ant-copilot-thoughtchain-node-title {
-      color: #000;
+      color: var(--title-color);
     }
     .second-thoughtchain-content {
-      color: #999;
+      color: var(--content-color);
     }
   }
 }

copilot/ThoughtChain/index.en.md

@@ -182,3 +182,12 @@ ICollapsibleOptions Properties
 | ----------- | ------------------------------------------------------- | -------------------------------------- | ------ |
 | expandedKeys      | expanded node key list | string[] | []      |
 
+
+### Event
+
+| Event Name | Description | Type |
+| --- | --- | --- |
+| onTap | Trigger when a description is clicked | (e) => void |
+| onContentItemTap | Trigger when content is clicked | (e) => void |
+| onExpand | Trigger on deploy/stow | (expandedKeys: string[], clickKey: string) => void |
+

copilot/ThoughtChain/index.md

@@ -182,3 +182,12 @@ ICollapsibleOptions 属性
 | ----------- | ------------------------------------------------------- | -------------------------------------- | ------ |
 | expandedKeys      | 展开的节点key列表 | string[] | []      |
 
+
+### 事件
+
+| 事件名 | 说明 | 类型 |
+| --- | --- | --- |
+| onTap | 点击描述时触发 | (e) => void |
+| onContentItemTap | 点击内容时触发 | (e) => void |
+| onExpand | 展开/收起时触发 | (expandedKeys: string[], clickKey: string) => void |
+

copilot/Welcome/index.less

@@ -3,7 +3,7 @@
 @buttonPrefix: ant-copilot-welcome;
 
 .@{buttonPrefix} {
-  background-color: @welcome-background-color;
+  background-image: @welcome-background-color;
   border-radius: 24rpx;
   padding: 24rpx;
   box-sizing: border-box;

src/style/themes/theme-black.less

@@ -507,7 +507,7 @@ page {
   --thought-chain-title-color: rgba(255, 255, 255, 0.45);
   --thought-chain-content-color: rgba(255, 255, 255, 0.55);
   // welcome
-  --welcome-background-color: rgb(11, 9, 2);
+  --welcome-background-color: linear-gradient(106deg, #0D0601 0%, #080C00 100%);
   --welcome-text-color: rgba(255, 255, 255, 0.88);
   // terms
   --terms-fixed-background-color: #1a1a1a;

src/style/variables.less

@@ -542,7 +542,7 @@ page {
   --thought-chain-content-color: rgba(0, 0, 0, 0.55);
 
   // welcome
-  --welcome-background-color: rgb(244, 246, 253);
+  --welcome-background-color: linear-gradient(106deg, #F2F9FE 0%, #F7F3FF 100%);
   --welcome-text-color: rgba(0, 0, 0, 0.88);
 
   // terms