mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-07 14:23:53 +00:00
Code Issues Releases Wiki Activity

fix: shining color on dark mode

Browse Source
This commit is contained in:
lin onetwo 2025-03-01 00:48:57 +08:00
parent 6b999c813e
commit 303b711ef0
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
plugins/tiddlywiki/ai-tools/styles.tid
View File

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