| ... | ... | @@ -369,12 +369,22 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil |
| 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 |
| 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, |