From eb8fb02daefe3e1bdf2ef43dc76b30db289bfc6b Mon Sep 17 00:00:00 2001 From: Julien Danjou Date: Thu, 30 Apr 2026 10:36:46 +0200 Subject: [PATCH] refactor(design): tokenize home-discovery callout (placeholder for B) Replace off-system teal gradient with neutral surface + 4px teal-700 left border. Hover expands full border to teal. Title/desc colors now use semantic text tokens. B-pass will redesign this callout entirely. Change-Id: Iea29c0cd12b66145c86c0cd6fbf3eb742f83ccac --- src/styles/index.css | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/src/styles/index.css b/src/styles/index.css index 7232f39930..ae94efee78 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -891,28 +891,31 @@ article.content { justify-content: center; } -/* Home page: Discovery callout */ +/* Home page: Discovery callout — placeholder styling (B-pass will redesign) */ .home-discovery { display: block; padding: 1.25rem 1.5rem; margin-bottom: 2rem; border-radius: 12px; - background: linear-gradient(135deg, #0d9488 0%, #065f46 100%); + background: var(--theme-bg-content); + border: 1px solid var(--theme-border); + border-left: 4px solid var(--color-teal-700); text-decoration: none; + transition: border-color 0.18s ease; } .home-discovery:hover { - opacity: 0.95; + border-color: var(--color-teal-700); } .home-discovery-title { - font-size: var(--text-lg); + font-size: 1.125rem; font-weight: 600; - color: white; + color: var(--theme-text); margin-bottom: 0.25rem; } .home-discovery-desc { - font-size: var(--text-sm); - color: rgba(255, 255, 255, 0.9); + font-size: 0.9375rem; + color: var(--theme-text-muted); }