passing tests

svecosystem · Jul 14, 2024 · 28d4f75 · 28d4f75
1 parent 96cc11e
commit 28d4f75
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/mode-watcher/src/lib/stores.ts b/packages/mode-watcher/src/lib/stores.ts
@@ -149,7 +149,7 @@ function createDerivedMode() {
 					}
 				} else {
 					if ($lightClassNames.length) htmlEl.classList.remove(...$lightClassNames);
-					if ($darkClassNames.length) htmlEl.classList.add('dark');
+					if ($darkClassNames.length) htmlEl.classList.add(...$darkClassNames);
 					htmlEl.style.colorScheme = 'dark';
 					if (themeColorEl && $themeColors) {
 						themeColorEl.setAttribute('content', $themeColors.dark);

diff --git a/packages/mode-watcher/src/tests/Mode.svelte b/packages/mode-watcher/src/tests/Mode.svelte
@@ -3,9 +3,15 @@
 
 	export let track = true;
 	export let darkClassNames: string[] = ['dark'];
+	export let lightClassNames: string[] = [];
 </script>
 
-<ModeWatcher {track} {darkClassNames} themeColors={{ dark: 'black', light: 'white' }} />
+<ModeWatcher
+	{track}
+	{darkClassNames}
+	{lightClassNames}
+	themeColors={{ dark: 'black', light: 'white' }}
+/>
 <span data-testid="mode">{$mode}</span>
 <button on:click={toggleMode} data-testid="toggle"> toggle </button>
 <button on:click={() => setMode('light')} data-testid="light">light</button>