authorgravatar for maria@kuuro.netmaria-rcks <maria@kuuro.net> 2026-07-22 23:25:47-04:00
committergravatar for maria@kuuro.netmaria <maria@kuuro.net> 2026-07-23 01:13:29-04:00
log160d97f4031bcbe8a74615de6222a95ea53840e1
treece8c032bffd6343a9a9556baa241f3c8f6b05e41
parentd330759f58bad677b9296d4dd9134ccc902821ce

fix(web): honor composer glass opacity


1 files changed, 12 insertions(+), 2 deletions(-)

apps/web/src/index.css+12-2
......@@ -369,12 +369,22 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil
369369 }
370370
371371 .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 );
373379 box-shadow: 0 12px 28px -18px rgb(0 0 0 / 40%);
374380 -webkit-backdrop-filter: blur(16px);
375381 backdrop-filter: blur(16px);
376382 }
377383
384 .dark .chat-composer-glass-host {
385 --chat-composer-glass-surface: color-mix(in srgb, var(--background) 96%, var(--color-white));
386 }
387
378388 .alert-glass {
379389 --alert-glass-tint: transparent;
380390
......@@ -600,7 +610,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil
600610 }
601611
602612 .chat-composer-glass-host {
603 background: var(--background);
613 background: var(--chat-composer-glass-surface);
604614 }
605615
606616 .dialog-glass,