From 046e2312f064a2d441f1e27142f5a84ffe77a896 Mon Sep 17 00:00:00 2001 From: Oliver Rieger Date: Fri, 14 Aug 2026 10:10:31 +0200 Subject: [PATCH] The poster subtitle earns its outline: white, 10px, black underlay MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit "the subtitle is barely readable" — cream at 80% over a pixel crowd was too polite. White at full opacity, one size up from the court rows, and a solid 1px black outline all round plus the soft shadow, so the mode's one-line rules read on every scene including the classic crowd, dimmed or lit. Co-Authored-By: Claude Fable 5 --- index.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 6b6bfd2..0ae123e 100644 --- a/index.html +++ b/index.html @@ -230,8 +230,11 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') { filter: saturate(0.45) brightness(0.62); transition: filter 0.15s; } #modeList button.mode.on { border-color: var(--acid); filter: none; } #modeList b { text-shadow: 0 1px 0 #000, 0 0 6px rgba(0,0,0,0.9); } - #modeList i { color: var(--cream); opacity: 0.8; margin-bottom: 0; - text-shadow: 0 1px 0 #000, 0 0 6px rgba(0,0,0,0.9); } + /* the subtitle carries the mode's one-line rules over busy art, so it gets WHITE at full + opacity, a size up from the court rows' 9px, and a solid black underlay — "barely readable" + at cream-on-crowd was the report from the first live look */ + #modeList i { color: #fff; font-size: 10px; margin-bottom: 0; + text-shadow: 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000, 0 0 7px #000; } #courtList button.court { display: flex; align-items: center; gap: 11px; width: 100%; margin: 0 0 8px; padding: 7px; background: var(--panel); border: 2px solid var(--line); color: inherit; font: inherit; text-align: left; @@ -440,6 +443,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') { - +