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 | .chat-composer-glass-host { | 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 | box-shadow: 0 12px 28px -18px rgb(0 0 0 / 40%); | 379 | box-shadow: 0 12px 28px -18px rgb(0 0 0 / 40%); |
| 374 | -webkit-backdrop-filter: blur(16px); | 380 | -webkit-backdrop-filter: blur(16px); |
| 375 | backdrop-filter: blur(16px); | 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 | .alert-glass { | 388 | .alert-glass { |
| 379 | --alert-glass-tint: transparent; | 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 | .chat-composer-glass-host { | 612 | .chat-composer-glass-host { |
| 603 | background: var(--background); | 613 | background: var(--chat-composer-glass-surface); |
| 604 | } | 614 | } |
| 605 | 615 | ||
| 606 | .dialog-glass, | 616 | .dialog-glass, |