From 151886553ead50ec6f683027262e132fea428869 Mon Sep 17 00:00:00 2001 From: Drew Stone Date: Wed, 24 Jun 2026 03:47:40 -0600 Subject: [PATCH] fix(tangle-cloud): force the frosted sandbox Card solid (kill the lingering sheen) The shared ships a frosted-glass surface (translucent bg + linear-gradient overlay + backdrop-blur). Killing the body gradient earlier removed the sheen-through but the CARD's own frost remained, so sandbox cards still read as a different surface vs flat bg-card. Override the frosted classes (bg-white/65, dark:bg-mono-200/40, the gradient, the backdrop-blur) to solid --bg-card + no blur, so every cloud card shares one solid surface. --- apps/tangle-cloud/src/styles.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/apps/tangle-cloud/src/styles.css b/apps/tangle-cloud/src/styles.css index 291631809..5ace7c36e 100644 --- a/apps/tangle-cloud/src/styles.css +++ b/apps/tangle-cloud/src/styles.css @@ -121,6 +121,23 @@ body { * vendor.css doesn't ship these (it only includes classes sandbox-ui itself * uses), so cloud has to define them. Bound to cloud tokens; no !important * because no other rule defines them. */ + +/* The shared is a frosted-glass surface by design + * (translucent bg + a linear-gradient overlay + backdrop-blur). On cloud's + * solid bg it reads as an inconsistent sheen vs the flat bg-card surfaces. + * Force it solid + kill the blur so all cloud cards share one surface. */ +[data-sandbox-ui] .bg-white\/65, +[data-sandbox-ui] .dark\:bg-mono-200\/40 { + background-color: var(--bg-card); + background-image: none; +} +[data-sandbox-ui] .bg-\[linear-gradient\(180deg, +[data-sandbox-ui] .dark\:bg-\[linear-gradient\(180deg, +[data-sandbox-ui] .backdrop-blur-\[18px\] { + background-image: none; + backdrop-filter: none; + -webkit-backdrop-filter: none; +} [data-sandbox-ui] .bg-background { background-color: var(--bg-root, hsl(var(--background))); }