| ... | @@ -369,12 +369,22 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil | ... | @@ -369,12 +369,22 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil |
| 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 | ... | @@ -600,7 +610,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil |
| 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, |
maria-rcks <maria@kuuro.net> 2026-07-22 23:25:47-04:00