Unified · Split
| @@ -369,12 +369,22 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil · 368 unmodified lines | ||
| 369 | 369 | } |
| 370 | 370 | |
| 371 | 371 | .chat-composer-glass-host { |
| 372 | − background: color-mix(in srgb, var(--background) var(--glass-opacity), transparent); | |
| 372 | + --chat-composer-glass-surface: color-mix(in srgb, var(--background) 96%, var(--color-black)); | |
| 373 | + | |
| 374 | + background: color-mix( | |
| 375 | + in srgb, | |
| 376 | + var(--chat-composer-glass-surface) var(--glass-opacity), | |
| 377 | + transparent | |
| 378 | + ); | |
| 373 | 379 | box-shadow: 0 12px 28px -18px rgb(0 0 0 / 40%); |
| 374 | 380 | -webkit-backdrop-filter: blur(16px); |
| 375 | 381 | backdrop-filter: blur(16px); |
| 376 | 382 | } |
| 377 | 383 | |
| 384 | + .dark .chat-composer-glass-host { | |
| 385 | + --chat-composer-glass-surface: color-mix(in srgb, var(--background) 96%, var(--color-white)); | |
| 386 | + } | |
| 387 | + | |
| 378 | 388 | .alert-glass { |
| 379 | 389 | --alert-glass-tint: transparent; |
| 380 | 390 | |
| @@ -600,7 +610,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil · 219 unmodified lines | ||
| 600 | 610 | } |
| 601 | 611 | |
| 602 | 612 | .chat-composer-glass-host { |
| 603 | − background: var(--background); | |
| 613 | + background: var(--chat-composer-glass-surface); | |
| 604 | 614 | } |
| 605 | 615 | |
| 606 | 616 | .dialog-glass, |