FOUC on shadcn elements with color-related transitions

[based64-eth]

Describe the bug

My app is default light mode, and there is a flash of dark ui when the page first loads. Disabling background-color and color -related transition properties on affected elements solves this issue.

I have already set <ModeWatcher defaultMode="light" />

This is likely related: huntabyte/shadcn-svelte#381 (comment)

Reproduction

Follow the steps here: https://next.shadcn-svelte.com/docs/dark-mode/svelte

Logs

System Info

System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900KF
    Memory: 21.17 GB / 31.26 GB
    Container: Yes
    Shell: 5.8 - /usr/bin/zsh
  Binaries:
    Node: 20.11.0 - ~/.nvm/versions/node/v20.11.0/bin/node
    Yarn: 1.22.22 - ~/.yarn/bin/yarn
    npm: 10.2.4 - ~/.nvm/versions/node/v20.11.0/bin/npm
    bun: 1.2.2 - ~/.bun/bin/bun
  npmPackages:
    @sveltejs/kit: ^2.17.1 => 2.17.1 
    mode-watcher: ^0.5.1 => 0.5.1 
    svelte: ^5.19.9 => 5.19.9

Severity

annoyance

[based64-eth]

FOUC happens when mode is toggled after page load too.

disableTransitions doesnt seem to do anything.