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.
This commit is contained in:
2026-09-29 20:03:56 +00:00
parent c6fd9a5c77
commit b8571b29cd
+2 -2
View File
@@ -14,7 +14,7 @@ PAGE_TEMPLATE = """<!DOCTYPE html>
@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 = """<!DOCTYPE html>
}}
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);
}}