From 303b711ef0567211cca475bf96fdee9dc1a998c4 Mon Sep 17 00:00:00 2001
From: lin onetwo <linonetwo012@gmail.com>
Date: Sat, 1 Mar 2025 00:48:57 +0800
Subject: [PATCH] fix: shining color on dark mode

---
 plugins/tiddlywiki/ai-tools/styles.tid | 28 +++++++++++++-------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/plugins/tiddlywiki/ai-tools/styles.tid b/plugins/tiddlywiki/ai-tools/styles.tid
index 7225de54d..3fd6093d5 100644
--- a/plugins/tiddlywiki/ai-tools/styles.tid
+++ b/plugins/tiddlywiki/ai-tools/styles.tid
@@ -4,24 +4,24 @@ tags: [[$:/tags/Stylesheet]]
 \rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
 
 .ai-conversation {
-	background: #f0eeff;
+	background: <<colour background>>;
 	border-radius: 2em;
 	padding: 1em 1em;
 	display: flex;
 	flex-direction: column;
 	gap: 1em;
-	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
+	box-shadow: 2px 2px 5px <<colour muted-foreground>>;
 }
 
 .ai-conversation .ai-tools-message {
-	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
+	box-shadow: 2px 2px 5px <<colour muted-foreground>>;
 	border-radius: 1em;
 	display: flex;
 	flex-direction: column;
 }
 
 .ai-conversation .ai-tools-message .ai-tools-message-toolbar {
-	background: rgba(1,1,1,0.35);
+	background: <<colour sidebar-foreground-shadow>>;
 	color: white;
 	padding: 0.25em 1em 0.25em 1em;
 	border-top-left-radius: 1em;
@@ -35,7 +35,7 @@ tags: [[$:/tags/Stylesheet]]
 }
 
 .ai-conversation .ai-tools-message .ai-tools-message-toolbar .ai-tools-message-toolbar-button {
-	background: rgba(255,255,255,0.35);
+	background: <<colour sidebar-foreground-shadow>>;
 	color: #333333;
 	cursor: pointer;
 	display: inline-block;
@@ -54,8 +54,8 @@ tags: [[$:/tags/Stylesheet]]
 }
 
 .ai-conversation .ai-tools-message .ai-tools-message-toolbar .ai-tools-message-toolbar-button:hover {
-	color: #ffffff;
-	background: rgba(255,255,255,0.55);
+	color: <<colour foreground>>;
+	background: <<colour sidebar-foreground-shadow>>;
 
 }
 
@@ -72,7 +72,7 @@ tags: [[$:/tags/Stylesheet]]
 .ai-conversation .ai-tools-message.ai-tools-message-role-user {
 	width: 60%;
 	margin-left: auto;
-	background: #ffcde0;
+	background: <<colour code-background>>;
 }
 
 .ai-conversation .ai-tools-message.ai-tools-message-role-assistant {
@@ -85,7 +85,7 @@ tags: [[$:/tags/Stylesheet]]
 
 .ai-conversation .ai-user-prompt {
 	padding: 1em;
-	background: #ffcde0;
+	background: <<colour code-background>>;
 	border-radius: 1em;
 	box-shadow: inset 3px 4px 2px rgba(0, 0, 0, 0.1);
 }
@@ -101,8 +101,8 @@ tags: [[$:/tags/Stylesheet]]
 }
 
 .ai-conversation .ai-user-prompt-text textarea {
-	color: #000;
-	background: #fff;
+	color: <<colour foreground>>;
+	background: <<colour background>>;
 }
 
 .ai-conversation .ai-user-prompt button.ai-user-prompt-send {
@@ -110,7 +110,7 @@ tags: [[$:/tags/Stylesheet]]
 	background-image: linear-gradient(-180deg, #e0c3ce, #963057);
 	border-radius: 1em;
 	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
-	color: #FFFFFF;
+	color: <<colour foreground>>;
 	cursor: pointer;
 	display: inline-block;
 	outline: 0;
@@ -143,8 +143,8 @@ tags: [[$:/tags/Stylesheet]]
 }
 
 .ai-conversation .ai-user-prompt .ai-user-prompt-image button {
-	color: #000;
-	fill: #000;
+	color: <<colour foreground>>;
+	fill: <<colour foreground>>;
 }
 
 .ai-conversation .ai-user-prompt-type {