Use hsl instead of color-mix for reasoning css
| @@ -55,8 +55,9 @@ | ||
| 55 | 55 | --interactable-outline-color: var(--white100); |
| 56 | 56 | --interactable-outline-color-faint: var(--white20a); |
| 57 | 57 | |
| 58 | 58 | --reasoning-mixbody-ratecolor: 50%var(--SmartThemeEmColor); |
| 59 | 59 | --reasoning-mixem-color: color-mix(in srgb, var(--grey30SmartThemeEmColor) 67%, var(--SmartThemeBlurTintColor) 33%); |
| 60 | + --reasoning-saturation: 0.5; | |
| 60 | 61 | |
| 61 | 62 | |
| 62 | 63 | /*Default Theme, will be changed by ToolCool Color Picker*/ |
| @@ -351,13 +352,13 @@ input[type='checkbox']:focus-visible { | ||
| 351 | 352 | |
| 352 | 353 | .mes_reasoning { |
| 353 | 354 | display: block; |
| 354 | 355 | border-left: 2px solid var(--SmartThemeEmColorreasoning-body-color); |
| 355 | 356 | border-radius: 2px; |
| 356 | 357 | padding: 5px; |
| 357 | 358 | padding-left: 14px; |
| 358 | 359 | margin-bottom: 0.5em; |
| 359 | 360 | overflow-y: auto; |
| 360 | 361 | color: color-mix(in srgb, varhsl(--SmartThemeBodyColor)from var(--reasoning-mixbody-ratecolor), h calc(s * var(--reasoning-mix-colorsaturation)) l); |
| 361 | 362 | } |
| 362 | 363 | |
| 363 | 364 | .mes_reasoning_details { |
| @@ -457,7 +458,7 @@ input[type='checkbox']:focus-visible { | ||
| 457 | 458 | } |
| 458 | 459 | .mes_reasoning i, |
| 459 | 460 | .mes_reasoning em { |
| 460 | 461 | color: color-mix(in srgb, varhsl(--SmartThemeEmColor)from var(--reasoning-mixem-ratecolor), h calc(s * var(--reasoning-mix-colorsaturation)) l); |
| 461 | 462 | } |
| 462 | 463 | |
| 463 | 464 | .mes_text q i, |
| @@ -466,21 +467,21 @@ input[type='checkbox']:focus-visible { | ||
| 466 | 467 | } |
| 467 | 468 | .mes_reasoning q i, |
| 468 | 469 | .mes_reasoning q em { |
| 469 | 470 | color: color-mixhsl(in srgb,from var(--SmartThemeQuoteColor) varh calc(--reasoning-mix-rate),s * var(--reasoning-mix-colorsaturation)) l); |
| 470 | 471 | } |
| 471 | 472 | |
| 472 | 473 | .mes_text u { |
| 473 | 474 | color: var(--SmartThemeUnderlineColor); |
| 474 | 475 | } |
| 475 | 476 | .mes_reasoning u { |
| 476 | 477 | color: color-mixhsl(in srgb,from var(--SmartThemeUnderlineColor) varh calc(--reasoning-mix-rate),s * var(--reasoning-mix-colorsaturation)) l); |
| 477 | 478 | } |
| 478 | 479 | |
| 479 | 480 | .mes_text q { |
| 480 | 481 | color: var(--SmartThemeQuoteColor); |
| 481 | 482 | } |
| 482 | 483 | .mes_reasoning q { |
| 483 | 484 | color: color-mixhsl(in srgb,from var(--SmartThemeQuoteColor) varh calc(--reasoning-mix-rate),s * var(--reasoning-mix-colorsaturation)) l); |
| 484 | 485 | } |
| 485 | 486 | |
| 486 | 487 | .mes_text font[color] em, |