Super thin font on ios

[dbzx10299]

On ios, the vue docs and all other satellite sites using vite press seem to have a font weight that is very thin on buttons and in other places. On desktop everything is normal, but on ios there is an issue which may be hard to read for some users

[dbzx10299]

[brc-dd]

Seems weird. It looks like this on my phone:

Can you share which Safari and iOS version are you using?

[dbzx10299]

It looks the same on google chrome for ios. I am on ios 16.1.1

[brc-dd]

It looks the same on google chrome for ios.

Google Chrome is same as Safari on iOS (uses the same engine).

I am on ios 16.1.1

Seems like a bug with that particular build. It was fixed somewhere between 16.3 and 16.5. Works fine in v15 and below too.

Edit: Seems to be same as this - https://clagnut.com/blog/2423 (WebKit/WebKit#10126) -- [16.0, 6.4) are affected

[dbzx10299]

I‘m going to run an update and see how it looks. I was happy though the the very top address bar was grey instead of green. That would be nice if the docs kept that grey for night reading.

[brc-dd]

That would be nice if the docs kept that grey for night reading.

Yeah it's theme color. I don't like it either 😂

docs/.vitepress/config.ts

Line 572 in c5f2a3c

['meta', { name: 'theme-color', content: '#3c8772' }],