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.

1 files changed, 6 insertions, 0 deletions

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<JavaInstallation[]>([]);
   isDetectingJava = $state(false);
@@ -21,6 +22,11 @@ export class SettingsState {
     try {
       const result = await invoke<LauncherConfig>("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);
     }