From 74849ad2d18586736d9677dfd10af4875f4ef2ca Mon Sep 17 00:00:00 2001 From: HsiangNianian Date: Wed, 14 Jan 2026 18:40:01 +0800 Subject: feat: enhance dark mode support across UI components - Updated BottomBar, HomeView, LoginModal, ModLoaderSelector, SettingsView, Sidebar, StatusToast, and VersionsView components for improved dark mode styling. - Adjusted color schemes for various elements to ensure better visibility and aesthetics in dark mode. - Added a theme property to settings to enforce dark mode as the default. - Refactored version badges in VersionsView for better color differentiation. - Enhanced button and input styles for consistency in both light and dark themes. --- ui/src/stores/settings.svelte.ts | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'ui/src/stores/settings.svelte.ts') diff --git a/ui/src/stores/settings.svelte.ts b/ui/src/stores/settings.svelte.ts index c59bf3c..b67cdc3 100644 --- a/ui/src/stores/settings.svelte.ts +++ b/ui/src/stores/settings.svelte.ts @@ -13,6 +13,7 @@ export class SettingsState { enable_gpu_acceleration: false, enable_visual_effects: true, active_effect: "constellation", + theme: "dark", }); javaInstallations = $state([]); isDetectingJava = $state(false); @@ -21,6 +22,11 @@ export class SettingsState { try { const result = await invoke("get_settings"); this.settings = result; + // Force dark mode + if (this.settings.theme !== "dark") { + this.settings.theme = "dark"; + this.saveSettings(); + } } catch (e) { console.error("Failed to load settings:", e); } -- cgit v1.2.3-70-g09d2