hermes/wiki-jokes
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix unreadable joke cards: explicit text color in light and dark mode

Browse Source 
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:
hermes
2026-09-29 20:03:56 +00:00
parent c6fd9a5c77
commit b8571b29cd
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates.py
+2 -2
View File
@@ -14,7 +14,7 @@ PAGE_TEMPLATE = """<!DOCTYPE html>
@media (prefers-color-scheme: dark) {{ @media (prefers-color-scheme: dark) {{
body {{ background: #1a1a1e; color: #e8e6e1; }} body {{ background: #1a1a1e; color: #e8e6e1; }}
a {{ color: #8ab4f8; }} a {{ color: #8ab4f8; }}
.joke {{ background: #26262c; border-color: #3a3a42; }} .joke {{ background: #26262c; color: #eceae4; border-color: #3a3a42; }}
header h1 {{ color: #f0ede6; }} header h1 {{ color: #f0ede6; }}
}} }}
header h1 {{ font-size: 2rem; margin-bottom: .25rem; }} header h1 {{ font-size: 2rem; margin-bottom: .25rem; }}
@@ -28,7 +28,7 @@ PAGE_TEMPLATE = """<!DOCTYPE html>
}} }}
ul.jokes {{ list-style: none; padding: 0; }} ul.jokes {{ list-style: none; padding: 0; }}
li.joke {{ 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; 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); line-height: 1.5; box-shadow: 0 1px 3px rgba(0,0,0,.06);
}} }}