Auto set `color-scheme` on root element should be configurable

[eslym]

Describe the feature in detail (code, mocks, or screenshots encouraged)

I have my own css for the dark variant where

@custom-variant dark {
	@media not print {
		:is(.dark *) {
			@slot;
		}
	}
}
@layer base {
	:root {
		color-scheme: light;
	}
	@media not print {
		.dark {
			color-scheme: dark;
		}
	}
}

auto set color-scheme on the html element creates huge issue for me

Related files:

mode-watcher/packages/mode-watcher/src/lib/mode.ts

Line 63 in 1eb14b4

rootEl.style.colorScheme = light ? "light" : "dark";

mode-watcher/packages/mode-watcher/src/lib/states.svelte.ts

Line 54 in 1eb14b4

htmlEl.style.colorScheme = "light";

mode-watcher/packages/mode-watcher/src/lib/states.svelte.ts

Line 63 in 1eb14b4

htmlEl.style.colorScheme = "dark";

What type of pull request would this be?

Enhancement

Provide relevant links or additional information.

No response