Use hsl instead of color-mix for reasoning css

0cc0d6763ed95f9a0e331858838aef7f05c39c08

Wolfsblvt <wolfsblvt@gmail.com>

Parents: 29c71fe8f17edfcc37e66a37a2fa723221f63c10
1 files changed, +9 -8Showing whitespace changes
public/style.css+9 -8
@@ -55,8 +55,9 @@
5555 --interactable-outline-color: var(--white100);
5656 --interactable-outline-color-faint: var(--white20a);
5757
5858 --reasoning-mixbody-ratecolor: 50%var(--SmartThemeEmColor);
5959 --reasoning-mixem-color: color-mix(in srgb, var(--grey30SmartThemeEmColor) 67%, var(--SmartThemeBlurTintColor) 33%);
60+ --reasoning-saturation: 0.5;
6061
6162
6263 /*Default Theme, will be changed by ToolCool Color Picker*/
@@ -351,13 +352,13 @@ input[type='checkbox']:focus-visible {
351352
352353.mes_reasoning {
353354 display: block;
354355 border-left: 2px solid var(--SmartThemeEmColorreasoning-body-color);
355356 border-radius: 2px;
356357 padding: 5px;
357358 padding-left: 14px;
358359 margin-bottom: 0.5em;
359360 overflow-y: auto;
360361 color: color-mix(in srgb, varhsl(--SmartThemeBodyColor)from var(--reasoning-mixbody-ratecolor), h calc(s * var(--reasoning-mix-colorsaturation)) l);
361362}
362363
363364.mes_reasoning_details {
@@ -457,7 +458,7 @@ input[type='checkbox']:focus-visible {
457458}
458459.mes_reasoning i,
459460.mes_reasoning em {
460461 color: color-mix(in srgb, varhsl(--SmartThemeEmColor)from var(--reasoning-mixem-ratecolor), h calc(s * var(--reasoning-mix-colorsaturation)) l);
461462}
462463
463464.mes_text q i,
@@ -466,21 +467,21 @@ input[type='checkbox']:focus-visible {
466467}
467468.mes_reasoning q i,
468469.mes_reasoning q em {
469470 color: color-mixhsl(in srgb,from var(--SmartThemeQuoteColor) varh calc(--reasoning-mix-rate),s * var(--reasoning-mix-colorsaturation)) l);
470471}
471472
472473.mes_text u {
473474 color: var(--SmartThemeUnderlineColor);
474475}
475476.mes_reasoning u {
476477 color: color-mixhsl(in srgb,from var(--SmartThemeUnderlineColor) varh calc(--reasoning-mix-rate),s * var(--reasoning-mix-colorsaturation)) l);
477478}
478479
479480.mes_text q {
480481 color: var(--SmartThemeQuoteColor);
481482}
482483.mes_reasoning q {
483484 color: color-mixhsl(in srgb,from var(--SmartThemeQuoteColor) varh calc(--reasoning-mix-rate),s * var(--reasoning-mix-colorsaturation)) l);
484485}
485486
486487.mes_text font[color] em,