rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update reasoning block coloring to CSS vars

Browse Source
This commit is contained in:
Wolfsblvt
2025-02-21 17:30:56 +01:00
parent 4c7ede67f3
commit 29c71fe8f1
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/style.css
View File

@@ -55,6 +55,9 @@
--interactable-outline-color: var(--white100);
--interactable-outline-color-faint: var(--white20a);
--reasoning-mix-rate: 50%;
--reasoning-mix-color: var(--grey30);
/*Default Theme, will be changed by ToolCool Color Picker*/
--SmartThemeBodyColor: rgb(220, 220, 210);
@@ -354,7 +357,7 @@ input[type='checkbox']:focus-visible {
padding-left: 14px;
margin-bottom: 0.5em;
overflow-y: auto;
color: var(--SmartThemeEmColor);
color: color-mix(in srgb, var(--SmartThemeBodyColor) var(--reasoning-mix-rate), var(--reasoning-mix-color));
}
.mes_reasoning_details {
@@ -374,18 +377,6 @@ input[type='checkbox']:focus-visible {
margin-bottom: 0;
}
.mes_reasoning em,
.mes_reasoning i,
.mes_reasoning u,
.mes_reasoning q,
.mes_reasoning blockquote {
filter: saturate(0.5);
}
.mes_reasoning_details .mes_reasoning em {
color: color-mix(in srgb, var(--SmartThemeEmColor) 67%, var(--SmartThemeBlurTintColor) 33%);
}
.mes_reasoning_header_block {
flex-grow: 1;
}
@@ -461,26 +452,36 @@ input[type='checkbox']:focus-visible {
}
.mes_text i,
.mes_text em,
.mes_text em {
color: var(--SmartThemeEmColor);
}
.mes_reasoning i,
.mes_reasoning em {
color: var(--SmartThemeEmColor);
color: color-mix(in srgb, var(--SmartThemeEmColor) var(--reasoning-mix-rate), var(--reasoning-mix-color));
}
.mes_text q i,
.mes_text q em {
color: inherit;
}
.mes_text u,
.mes_reasoning u {
color: var(--SmartThemeUnderlineColor);
.mes_reasoning q i,
.mes_reasoning q em {
color: color-mix(in srgb, var(--SmartThemeQuoteColor) var(--reasoning-mix-rate), var(--reasoning-mix-color));
}
.mes_text q,
.mes_reasoning q {
.mes_text u {
color: var(--SmartThemeUnderlineColor);
}
.mes_reasoning u {
color: color-mix(in srgb, var(--SmartThemeUnderlineColor) var(--reasoning-mix-rate), var(--reasoning-mix-color));
}
.mes_text q {
color: var(--SmartThemeQuoteColor);
}
.mes_reasoning q {
color: color-mix(in srgb, var(--SmartThemeQuoteColor) var(--reasoning-mix-rate), var(--reasoning-mix-color));
}
.mes_text font[color] em,
.mes_text font[color] i,