UX bug: I don't use dark mode. Every time I open this site, it firstly shows in ...

guessmyname · 2026-01-22T04:52:40 1769057560

That’s because the HTML code is server-side rendered (SSR) with data-theme="dark" hardcoded on the <html> element, so on the initial page load the browser immediately renders with dark mode styles applied. After ± 500ms-600ms Nuxt’s JavaScript hydration kicks in (as this is a Nuxt app based on __NUXT__ at line 11,236), which detects your macOS system preference via prefers-color-scheme media query and updates data-theme to "light".

danielroe · 2026-01-22T11:40:45 1769082045

it shouldn't need to do this. Nuxt has a @nuxtjs/color-mode module which ensures that the correct colour scheme is applied before the browser starts rendering the html.

if the site author is lurking anywhere - may I recommend https://color-mode.nuxtjs.org ?

vektor888 · 2026-01-24T18:36:05 1769279765

I am still checking the post, and I've already added color mode 1-2 days ago.

You can also expect some big changes to the UI very soon

snvzz · 2026-01-22T05:02:23 1769058143

This is much better than dark mode users getting flashbanged.