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:
+2
-2
@@ -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);
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user