From 43f42a82742d6a3865d8e25b190dcf8009277bee Mon Sep 17 00:00:00 2001 From: Emma Thorpe Date: Thu, 11 Jun 2026 17:36:47 +0100 Subject: [PATCH 1/2] fix: use solid theme backgrounds instead of a gradient Replace the body background gradient with the solid theme colour and remove the now-unused --bg-accent variables from both colour schemes. Co-Authored-By: Claude Opus 4.8 (1M context) --- styles.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 36d33aa..d412857 100644 --- a/styles.css +++ b/styles.css @@ -10,7 +10,6 @@ /* Modern DLR — turquoise/teal */ [data-theme="modern"] { --bg: #00afaa; - --bg-accent: #007e7a; --surface: #ffffff; --text: #ffffff; --message: #ffffff; @@ -23,7 +22,6 @@ /* Original DLR — 1987 red and blue */ [data-theme="original"] { --bg: #002b5c; - --bg-accent: #c8102e; --surface: #f5f0e1; --text: #f5f0e1; --message: #f5f0e1; @@ -44,7 +42,7 @@ body { flex-direction: column; font-family: var(--font-stack); color: var(--text); - background: linear-gradient(135deg, var(--bg) 0%, var(--bg-accent) 100%); + background: var(--bg); transition: background 0.4s ease, color 0.4s ease; } From a14306cce4222f7b4fc00b22e01452369e96d29a Mon Sep 17 00:00:00 2001 From: Emma Thorpe Date: Thu, 11 Jun 2026 17:41:55 +0100 Subject: [PATCH 2/2] fix: recolour original theme to a cream field with blue text Use a cream/white background with navy message text and red buttons, so the original red/white/blue livery presents blue text rather than white text on a blue field. Co-Authored-By: Claude Opus 4.8 (1M context) --- styles.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/styles.css b/styles.css index d412857..f2d39eb 100644 --- a/styles.css +++ b/styles.css @@ -19,16 +19,16 @@ --button-active-text: #ffffff; } -/* Original DLR — 1987 red and blue */ +/* Original DLR — 1987 red, white and blue */ [data-theme="original"] { - --bg: #002b5c; - --surface: #f5f0e1; - --text: #f5f0e1; - --message: #f5f0e1; + --bg: #f5f0e1; + --surface: #002b5c; + --text: #002b5c; + --message: #002b5c; --button-bg: #c8102e; --button-text: #f5f0e1; - --button-active-bg: #f5f0e1; - --button-active-text: #002b5c; + --button-active-bg: #002b5c; + --button-active-text: #f5f0e1; } * {