Skip to content

Theme colors do not work when following the system. #5445

@Blank-Tea

Description

@Blank-Tea

Environment

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.1.0

Reproduction

https://ui.nuxt.com/docs/components/button

Description

When developing a theme switching feature using Nuxt UI 4.1.0, I found that while light and dark modes worked perfectly, the system-wide theme always stayed in dark mode, even though my computer was set to light mode. I later found this bug on the official website, which I find very strange. My computer model is a 13-inch MacBook Pro (2020 2.3 GHz quad-core Intel Core i7); operating system version is macOS Sonoma 15.6.1 (24GB).

Additional context

When developing a theme switching feature using Nuxt UI 4.1.0, I found that while light and dark modes worked perfectly, the system-wide theme always stayed in dark mode, even though my computer was set to light mode. I later found this bug on the official website, which I find very strange. My computer model is a 13-inch MacBook Pro (2020 2.3 GHz quad-core Intel Core i7); operating system version is macOS Sonoma 15.6.1 (24GB).

Logs

2025-11-13-09.37.21.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriageAwaiting initial review and prioritizationv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions