From 46c8a766332193446d178330377965df547584fc Mon Sep 17 00:00:00 2001 From: Mischa Date: Sat, 20 Jun 2026 11:36:24 +0200 Subject: [PATCH] =?UTF-8?q?fix(story):=20scrolly=20step=20cards=20?= =?UTF-8?q?=E2=80=94=20canvas=20surface=20+=20teal=20left=20accent=20bar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Card background was rgba(26,24,20,0.92) — identical to the page background (--color-paper #1A1814), making cards invisible. Changed to --color-canvas (#22201B) for a lifted surface. Added border-left: 3px solid --color-accent as an editorial marker; other three sides keep the subtle --color-border. Co-Authored-By: Claude Sonnet 4.6 Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr --- themes/intotheeast/css/style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index 2bf5fc7..47399ff 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -1372,10 +1372,9 @@ body::after { .scrolly__steps-content { display: none; } .scrolly-step { min-height: 60vh; display: flex; align-items: center; padding: var(--space-16) var(--space-8); } .scrolly-step__inner { - background: rgba(26,24,20,0.92); - backdrop-filter: blur(4px); - -webkit-backdrop-filter: blur(4px); + background: var(--color-canvas); border: 1px solid var(--color-border); + border-left: 3px solid var(--color-accent); border-radius: var(--radius-sm); padding: var(--space-8) var(--space-8); opacity: 0;