It's highly unreadable for me on a 220 dpi e-ink display unless cranked to 150% magnification. The darker background and lighter text don't help either --- I can and do correct both issues on Desktop via the Stylish CSS manager and a custom stylesheet, see below, but mobile browsers don't have that flexibility. My preferred mobile browser (EinkBro) does have a zoom function, but it's a bit buggy (the indicated value isn't necessarily what's displayed, and must be toggled between values to work properly), and there's no per-site zoom-setting memory, so I've got to bump up zoom for HN, then decrease it again for many other sites.
I've had numerous conversations over many years with dang, who's suggested a per-user default font setting, though that's not yet appeared. Even that wouldn't work well for my mobile usage which is typically done without logging in (trying to minimise my distractions, though this seems somewhat futile).
My present HN Stylish CSS:
/* Colours */
body {
background-color: #f6f6ef;
}
#hnmain {
background-color: white !important;
}
/* Fonts */
/* ... change this to define *overall* font size */
body {
font-size: medium;
}
/* ... derived values. Tweak to suit. */
td { font-size: 1em; }
.default { font-size: 1em; }
.admin {font-size: 0.85em; }
.title { font-size: 1em; }
.subtext { font-size: 0.7em; }
.yclinks { font-size: 0.8em; }
.pagetop { font-size: 1em; }
.comhead { font-size: 0.8em; }
.comment { font-size: 1em; }
input, textarea {
font-size: 1em;
font-family: courier, monospace;
} /* Colours */
body {
background-color: #f6f6ef;
}
#hnmain {
background-color: white !important;
}
/* Fonts */
/* ... change this to define *overall* font size */
body {
font-size: medium;
}
/* ... derived values */
td { font-size: 1em; }
.default { font-size: 1em; }
.admin {font-size: 0.85em; }
.title { font-size: 1.2em; }
.subtext { font-size: 0.8em; }
.yclinks { font-size: 0.8em; }
.pagetop { font-size: 1em; }
.comhead { font-size: 0.9em; }
.comment { font-size: 1em; }
.morelink { font-size: 0.8em; }
input, textarea {
font-size: 1em;
font-family: courier, monospace;
}
/* Elements */
.title, .titleline, .title a {
color: #000 !important;
}
.comhead, .comhead a {
color: #333;
}
.comhead a:link {
color: #000;
}
/* Index pages "news" */
[op="news"] #pagespace {height: 2em !important;}
[op="news"] .spacer { height: .75em !important; }
[op="news"] .subtext { padding-top: 0.3em; }
/* Posts & threads pages "item" */
[op="item"] .default
, [op="threads"] .default {
padding-bottom: 1.25em;
padding-top: 0.25em;
margin-top: 0.25em;
border-top: solid 1px #ccc;
}
/* More ... */
.morespace + tr .title {
font-size: 0.85em;
border: solid 2px #ffbbaa;
border-radius: 0.25em;
padding: 0.3em;
margin: 0.3em;
background: #f0f0f0;
}I set this in Settings -> General -> Fonts/Zoom and in Advanced Font Settings I uncheck the box that allows sites to set their own settings. Be sure to set the "Minimum Font Size" in advanced font settings.
But I get bored out in public, and as long as I'm paying for this phone, I would prefer to spend that boredom time here rather than watching some silly video. I have books, but I need like ten minutes or there's no point starting to read. The only place I confidently start reading a book is in my doctor's office, and even there, they tricked me last time by calling me into the office right on time. I did not see that move coming at all.