Commit3a6c5ecunknown_key
style(landing): make 'Add to Claude Desktop' CTA theme-aware (was jarring black on light theme)
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.
1 file changed+7−53a6c5ec9c602961a2d0449f5af12c86cde8372d4
1 changed file+7−5
Modifiedsrc/views/landing.tsx+7−5View fileUnifiedSplit
@@ -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