Commitbc7654bunknown_key

style(landing): theme-aware "Add to Claude Desktop" CTA (#73)

style(landing): theme-aware "Add to Claude Desktop" CTA (#73)

* ops: re-trigger Hetzner deploy

Empty commit to force hetzner-deploy.yml to run. The live site is
serving an older SHA (3fa949c, BLOCK M era) even though origin/main
is at b1be050 (BLOCK S). Most likely the previous deploy's
bun-compile or systemctl step silently no-op'd. With the BLOCK S
auto-rollback + smoke suite now on main, this re-run will either
succeed cleanly or fail loudly with the exact reason logged.

* style(landing): make 'Add to Claude Desktop' CTA theme-aware (was jarring black on light theme)

The Q1 .dxt CTA used a hardcoded #161b22 fallback for its inner fill,
which is near-black. On light theme that rendered as a loud black box
between the purple gradient 'Sign up free' and white 'Try the live
demo' CTAs — the user immediately flagged it.

Swap the hardcoded fallback for var(--bg-elevated), which is theme-
aware (light-mode: #ffffff, dark-mode: #0f111a). The gradient border +
accent text intent is preserved; the inner fill now harmonises with
whichever theme the visitor is on.

---------

Co-authored-by: Test User <test@gluecron.com>

CC LABS App committed on May 14, 2026Parent: f390cfa

1 file changed+7−5bc7654bf3bdf1dcc6d0e71f4d0bcde24f40880f8

1 changed file+7−5

Modifiedsrc/views/landing.tsx+7−5View fileUnified Split

@@ -1667,15 +1667,17 @@ const landingCss = `

16671667

16681668 /* BLOCK Q1 — flagship "Add to Claude Desktop" CTA.

16691669 Gradient-bordered + accent text so it reads as a peer of the primary

1670 Sign-up CTA, not a third secondary. Subtle elevation on hover; static

1671 when the visitor opts out of motion. */

1670 Sign-up CTA, not a third secondary. Theme-aware: inner fill uses

1671 --bg-elevated so it's white on light and dark on dark, never the

1672 jarring near-black on white we shipped first time. Subtle elevation

1673 on hover; static when the visitor opts out of motion. */

16721674 .landing-cta-dxt {

16731675 position: relative;

1674 background: var(--bg-elev-1, #161b22);

1675 color: var(--text-strong, #e6edf3);

1676 background: var(--bg-elevated);

1677 color: var(--text-strong);

16761678 border: 1px solid transparent;

16771679 background-image:

1678 linear-gradient(var(--bg-elev-1, #161b22), var(--bg-elev-1, #161b22)),

1680 linear-gradient(var(--bg-elevated), var(--bg-elevated)),

16791681 linear-gradient(90deg, #8c6dff 0%, #36c5d6 100%);

16801682 background-origin: border-box;

16811683 background-clip: padding-box, border-box;

16821684