From b8571b29cdbe91f7d5cc129040153f0d6bc06ab4 Mon Sep 17 00:00:00 2001 From: Hermes Agent Date: Tue, 29 Sep 2026 20:03:56 +0000 Subject: [PATCH] Fix unreadable joke cards: explicit text color in light and dark mode Cards set their own background but inherited the page text color, so in dark mode they rendered pale-on-white. Pin color on .joke in both schemes. --- app/templates.py | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/templates.py b/app/templates.py index b6d351c..aa10d77 100644 --- a/app/templates.py +++ b/app/templates.py @@ -14,7 +14,7 @@ PAGE_TEMPLATE = """ @media (prefers-color-scheme: dark) {{ body {{ background: #1a1a1e; color: #e8e6e1; }} a {{ color: #8ab4f8; }} - .joke {{ background: #26262c; border-color: #3a3a42; }} + .joke {{ background: #26262c; color: #eceae4; border-color: #3a3a42; }} header h1 {{ color: #f0ede6; }} }} header h1 {{ font-size: 2rem; margin-bottom: .25rem; }} @@ -28,7 +28,7 @@ PAGE_TEMPLATE = """ }} ul.jokes {{ list-style: none; padding: 0; }} li.joke {{ - background: #fff; border: 1px solid #e2ddd2; border-radius: 10px; + background: #fff; color: #222; border: 1px solid #e2ddd2; border-radius: 10px; padding: 1rem 1.25rem; margin: .9rem 0; font-size: 1.15rem; line-height: 1.5; box-shadow: 0 1px 3px rgba(0,0,0,.06); }}