fix: dark mode not being instant

CHANGELOG.md

@@ -13,6 +13,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Resolve an issue where dark mode was not being enabled/disabled instantly, when switching.
+
+## [0.5.2] - 2025-10-28
+
+### Fixed
+
 - Resolve an issue where users no longer can add servers or installations due to index errors.
 
 ## [0.5.1] - 2025-10-26
@@ -233,6 +239,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Stabilized login dialog and authentication flow.
 
 <!-- Version links for diff and release pages -->
+[0.5.2]: https://github.com/LovelessCodes/StoryForge/releases/tag/storyforge-v0.5.2
 [0.5.1]: https://github.com/LovelessCodes/StoryForge/releases/tag/storyforge-v0.5.1
 [0.5.0]: https://github.com/LovelessCodes/StoryForge/releases/tag/storyforge-v0.5.0
 [0.4.2]: https://github.com/LovelessCodes/StoryForge/releases/tag/storyforge-v0.4.2

README.md

@@ -47,7 +47,6 @@
 
 Set up the following tooling before running Story Forge locally:
 
-- [Node.js](https://nodejs.org/) (v20+)
 - [Bun](https://bun.sh/) (v1.0+)
 - [Rust](https://www.rust-lang.org/tools/install) (v1.70+)
 - [Tauri Prerequisites](https://tauri.app/start/prerequisites/)

biome.json

@@ -1,5 +1,5 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.3.0/schema.json",
+	"$schema": "https://biomejs.dev/schemas/2.3.1/schema.json",
 	"assist": {
 		"actions": {
 			"source": {

package.json

@@ -24,22 +24,22 @@
 		"@radix-ui/react-toggle-group": "^1.1.11",
 		"@radix-ui/react-tooltip": "^1.2.8",
 		"@tailwindcss/vite": "^4.1.16",
-		"@tanstack/react-devtools": "^0.7.8",
+		"@tanstack/react-devtools": "^0.7.9",
 		"@tanstack/react-form": "^1.23.8",
 		"@tanstack/react-query": "^5.90.5",
 		"@tanstack/react-query-devtools": "^5.90.2",
-		"@tanstack/react-router": "^1.133.27",
-		"@tanstack/react-router-devtools": "^1.133.27",
+		"@tanstack/react-router": "^1.133.32",
+		"@tanstack/react-router-devtools": "^1.133.34",
 		"@tanstack/react-virtual": "^3.13.12",
 		"@tauri-apps/api": "^2.9.0",
-		"@tauri-apps/plugin-dialog": "~2",
-		"@tauri-apps/plugin-fs": "~2.4.2",
-		"@tauri-apps/plugin-opener": "~2",
-		"@tauri-apps/plugin-os": "~2.3.1",
-		"@tauri-apps/plugin-process": "~2",
-		"@tauri-apps/plugin-shell": "~2.3.1",
+		"@tauri-apps/plugin-dialog": "~2.4.2",
+		"@tauri-apps/plugin-fs": "~2.4.4",
+		"@tauri-apps/plugin-opener": "~2.5.2",
+		"@tauri-apps/plugin-os": "~2.3.2",
+		"@tauri-apps/plugin-process": "~2.3.1",
+		"@tauri-apps/plugin-shell": "~2.3.3",
 		"@tauri-apps/plugin-updater": "~2",
-		"@tauri-apps/plugin-window-state": "^2.4.0",
+		"@tauri-apps/plugin-window-state": "^2.4.1",
 		"@tauri-store/zustand": "^1.0.2",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
@@ -57,9 +57,9 @@
 		"zustand": "^5.0.8"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.3.0",
+		"@biomejs/biome": "^2.3.1",
 		"@tanstack/devtools-vite": "^0.3.10",
-		"@tanstack/router-plugin": "^1.133.27",
+		"@tanstack/router-plugin": "^1.133.32",
 		"@tauri-apps/cli": "^2.9.1",
 		"@types/react": "^19.2.2",
 		"@types/react-dom": "^19.2.2",

src/stores/settings.ts

@@ -66,7 +66,15 @@ export const useSettingsStore = create<SettingsStore>()((set, _get, store) => ({
 		set(() => ({ versionsParent: path }));
 	},
 	streamMode: false,
-	toggleDarkMode: () => set((state) => ({ darkMode: !state.darkMode })),
+	toggleDarkMode: () =>
+		set((state) => {
+			if (state.darkMode) {
+				document.body.classList.remove("dark");
+			} else {
+				document.body.classList.add("dark");
+			}
+			return { darkMode: !state.darkMode };
+		}),
 	toggleStreamMode: () => set((state) => ({ streamMode: !state.streamMode })),
 	versionsParent: null,
 	versionsSubdir: "versions",