4 ms·

HN displays plain text at 12px in my desktop

rob 3y ago
Trust me, I know, it’s one of the few sites I actually have to override in my browser settings and set at 150% zoom. It made sense in 2007 when your monitor size was 1024x768 but I struggle to find out why @dang doesn’t update a couple of lines in a stylesheet to make this website more accessible almost 17 years later.
- 11235813213455 3y ago
  I'm using 125% for hacker news, which does 15px, so 16px is totally fine for me
Brajeshwar 3y ago
Yeah! The text is extremely tiny on a Desktop (I'm also on a 5K 27”). Here is my only custom style that uplifts HackerNews to my preference; :root { --font-size: 20px; --font-weight: 500; --border-radius: 5px; --line-height: 1.6; --spacing-min: 05px; --spacing-mid: 10px; --spacing-max: 20px; --zoom-min: 110%; --zoom-mid: 125%; --zoom-max: 150%; /* grays */ --color-50 : #f9fafb; --color-100: #f3f4f6; --color-200: #e5e7eb; --color-300: #d1d5db; --color-400: #9ca3af; --color-500: #6b7280; --color-600: #4b5563; --color-700: #374151; --color-800: #1f2937; --color-900: #111827; /* background */ --color-bg-cool-1: #eceff4; --color-bg-cool-2: #e5e9f0; --color-bg-cool-3: #d8dee9; --color-bg-warm-1: #fdf6e3; --color-bg-warm-2: #eee8d5; --color-bg-warm-3: #fffcf0; } /* HackerNews - news.ycombinator.com */ table#hnmain { zoom: var(--zoom-min); margin: var(--spacing-mid) auto !important; padding: var(--spacing-mid) !important; max-width: 960px !important; background: var(--color-100) !important; /* border: 1px solid var(--color-200) !important;*/ border-radius: var(--border-radius) !important; line-height: var(--line-height) !important; } table.fatitem .toptext { color: var(--color-700) !important; } Edit: Typos!
- PokemonNoGo 3y ago
  What's the 5k 17"? Any good?
  - Brajeshwar 3y ago
    Sorry Corrected. You knew it was a typo, didn't you? ;-)
    - PokemonNoGo 3y ago
      Noooo I was honestly excited for a portable external 5k screen or something!

rob 3y ago

Trust me, I know, it’s one of the few sites I actually have to override in my browser settings and set at 150% zoom. It made sense in 2007 when your monitor size was 1024x768 but I struggle to find out why @dang doesn’t update a couple of lines in a stylesheet to make this website more accessible almost 17 years later.

11235813213455 3y ago
I'm using 125% for hacker news, which does 15px, so 16px is totally fine for me

Brajeshwar 3y ago

Yeah! The text is extremely tiny on a Desktop (I'm also on a 5K 27”). Here is my only custom style that uplifts HackerNews to my preference; :root { --font-size: 20px; --font-weight: 500; --border-radius: 5px; --line-height: 1.6; --spacing-min: 05px; --spacing-mid: 10px; --spacing-max: 20px; --zoom-min: 110%; --zoom-mid: 125%; --zoom-max: 150%; /* grays */ --color-50 : #f9fafb; --color-100: #f3f4f6; --color-200: #e5e7eb; --color-300: #d1d5db; --color-400: #9ca3af; --color-500: #6b7280; --color-600: #4b5563; --color-700: #374151; --color-800: #1f2937; --color-900: #111827; /* background */ --color-bg-cool-1: #eceff4; --color-bg-cool-2: #e5e9f0; --color-bg-cool-3: #d8dee9; --color-bg-warm-1: #fdf6e3; --color-bg-warm-2: #eee8d5; --color-bg-warm-3: #fffcf0; } /* HackerNews - news.ycombinator.com */ table#hnmain { zoom: var(--zoom-min); margin: var(--spacing-mid) auto !important; padding: var(--spacing-mid) !important; max-width: 960px !important; background: var(--color-100) !important; /* border: 1px solid var(--color-200) !important;*/ border-radius: var(--border-radius) !important; line-height: var(--line-height) !important; } table.fatitem .toptext { color: var(--color-700) !important; } Edit: Typos!

PokemonNoGo 3y ago
What's the 5k 17"? Any good?
- Brajeshwar 3y ago
  Sorry Corrected. You knew it was a typo, didn't you? ;-)
  - PokemonNoGo 3y ago
    Noooo I was honestly excited for a portable external 5k screen or something!