From 9c21a9de5e2c940cf1b01244a272e3d54d334a64 Mon Sep 17 00:00:00 2001 From: Benoit TRAVERS Date: Mon, 29 Jun 2026 01:19:38 +0200 Subject: [PATCH] fix(theme): drop the stray centered home-hero glow MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The `.VPHome::before` flourish painted a hard-centered radial glow at the top of every VitePress home page. On the docs sites that reads as a bug: a big pink halo floating in the top-middle, disconnected from the hero — whose logo the default home layout places on the RIGHT, not centered. (The landing page never used it either; it has its own bespoke `layout: false` hero.) Remove the standalone glow. The hero logo keeps its halo via `--vp-home-hero-image-background-image`, which sits behind the image itself and tracks it wherever the layout puts it. Bump to 1.2.1. Co-Authored-By: Claude Opus 4.8 (1M context) --- packages/theme/package.json | 2 +- packages/theme/src/style.css | 27 +++++++-------------------- 2 files changed, 8 insertions(+), 21 deletions(-) diff --git a/packages/theme/package.json b/packages/theme/package.json index 0d730fe..222466b 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@btravstack/theme", - "version": "1.2.0", + "version": "1.2.1", "description": "Shared VitePress theme and design tokens for btravstack sites", "license": "MIT", "author": "Benoit TRAVERS", diff --git a/packages/theme/src/style.css b/packages/theme/src/style.css index 58dcc54..aa9b720 100644 --- a/packages/theme/src/style.css +++ b/packages/theme/src/style.css @@ -73,26 +73,13 @@ /* ── Playful flourishes — shared across every btravstack site ───── */ -/* Home hero: a soft beetroot glow + a gently floating logo */ -.VPHome { position: relative; overflow-x: clip; } -.VPHome::before { - content: ""; - position: absolute; - top: -90px; - left: 50%; - transform: translateX(-50%); - width: 760px; - max-width: 120vw; - height: 480px; - z-index: 0; - pointer-events: none; - background: radial-gradient(closest-side, rgba(var(--accent-rgb), 0.16), transparent 70%); - filter: blur(10px); -} -:root.dark .VPHome::before { - background: radial-gradient(closest-side, rgba(var(--accent-rgb), 0.28), transparent 70%); -} -.VPHero { position: relative; z-index: 1; } +/* Home hero: a gently floating logo. The beetroot glow lives BEHIND the hero + image itself (--vp-home-hero-image-background-image, set above) so it tracks + the logo wherever the layout places it. We deliberately do NOT add a separate + centered ::before glow: the landing page uses its own bespoke layout (not + .VPHome), and on the docs sites the default home hero is left-aligned with the + image on the right — a hard-centered glow there just floats, disconnected. */ +.VPHome { overflow-x: clip; } .VPHero .image-container { animation: btv-floaty 6s ease-in-out infinite; } .VPHero .image-src { filter: drop-shadow(0 18px 40px rgba(142, 26, 82, 0.4)); } @keyframes btv-floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }