vuetifyjs / vuetifyjs/nuxt-module

"system" theme does not work (SSG + SSR)

Open
#325 7 comments 1 reaction 1 assignee View on GitHub

@AndreyYolkin is already working on this.

Since Aug 3, 2026.

area: ssr bug priority: p2: high upstream
Dominant language
TypeScript
Stars
286
Forks
35
Avg merge
5d 21h
Merged PRs (30d)
4

Description

Hello, When setting the Vuetify theme to "system", the app does not respect the user's system dark/light mode preference during hydration or on first load. It defaults to light mode, even if the OS is in dark mode.

https://stackblitz.com/~/github.com/grs93-svg/vuetify-nuxt-fail-system-theme

I generate the website using : pnpm nuxt generate --preset=cloudflare-pages-static

My system is in dark mode but I have

Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.