From 160d97f4031bcbe8a74615de6222a95ea53840e1 Mon Sep 17 00:00:00 2001 From: maria-rcks Date: Wed, 22 Jul 2026 23:25:47 -0400 Subject: [PATCH] fix(web): honor composer glass opacity --- apps/web/src/index.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/apps/web/src/index.css b/apps/web/src/index.css index 87b8755f4c19a420a4b3682f376cbd1f08240a84..319d7fc7f425fa253d2a8721709489cdc02e9ab1 100644 --- a/apps/web/src/index.css +++ b/apps/web/src/index.css @@ -369,12 +369,22 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil } .chat-composer-glass-host { - background: color-mix(in srgb, var(--background) var(--glass-opacity), transparent); + --chat-composer-glass-surface: color-mix(in srgb, var(--background) 96%, var(--color-black)); + + background: color-mix( + in srgb, + var(--chat-composer-glass-surface) var(--glass-opacity), + transparent + ); box-shadow: 0 12px 28px -18px rgb(0 0 0 / 40%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } + .dark .chat-composer-glass-host { + --chat-composer-glass-surface: color-mix(in srgb, var(--background) 96%, var(--color-white)); + } + .alert-glass { --alert-glass-tint: transparent; @@ -600,7 +610,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil } .chat-composer-glass-host { - background: var(--background); + background: var(--chat-composer-glass-surface); } .dialog-glass, -- 2.54.0