diff options
| author |   HsiangNianian <i@jyunko.cn> | 2026-01-14 18:40:01 +0800 |
|---|---|---|
| committer | HsiangNianian <i@jyunko.cn> | 2026-01-14 18:40:01 +0800 |
| commit | 74849ad2d18586736d9677dfd10af4875f4ef2ca (patch) | |
| tree | 8b4b4d130a58f45fae209bbcd3c8d57719eb9be4 /ui/src/components/HomeView.svelte | |
| parent | 26898fd7c7150b33b2b14af86f734d375483cc1d (diff) | |
| download | DropOut-74849ad2d18586736d9677dfd10af4875f4ef2ca.tar.gz DropOut-74849ad2d18586736d9677dfd10af4875f4ef2ca.zip | |
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.
Diffstat (limited to 'ui/src/components/HomeView.svelte')
| -rw-r--r-- | ui/src/components/HomeView.svelte | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/ui/src/components/HomeView.svelte b/ui/src/components/HomeView.svelte index 036c03a..9cd8014 100644 --- a/ui/src/components/HomeView.svelte +++ b/ui/src/components/HomeView.svelte @@ -19,19 +19,19 @@ style:transform={`perspective(1000px) rotateX(${mouseY * -2}deg) rotateY(${mouseX * 2}deg)`} > <h1 - class="text-8xl font-black tracking-tighter text-white drop-shadow-2xl mb-4" - style="text-shadow: 0 10px 30px rgba(0,0,0,0.5);" + class="text-8xl font-black tracking-tighter dark:text-white text-gray-900 drop-shadow-2xl mb-4" + style:text-shadow="0 10px 30px rgba(0,0,0,0.5)" > MINECRAFT </h1> <div class="flex items-center gap-4"> <div - class="bg-white/10 backdrop-blur-md border border-white/10 px-4 py-1.5 rounded-full text-sm font-bold uppercase tracking-widest text-emerald-400 shadow-xl" + class="bg-white/10 dark:bg-white/10 bg-black/5 backdrop-blur-md border dark:border-white/10 border-black/10 px-4 py-1.5 rounded-full text-sm font-bold uppercase tracking-widest text-emerald-500 dark:text-emerald-400 shadow-xl" > Java Edition </div> - <div class="text-2xl font-light text-zinc-300"> + <div class="text-2xl font-light dark:text-zinc-300 text-gray-600"> Latest Release 1.21 </div> </div> @@ -40,7 +40,7 @@ <!-- Action Area --> <div class="mt-8 flex gap-4"> <!-- Quick Play Button (Visual only here, logic is in BottomBar usually) --> - <div class="text-zinc-400 text-sm italic"> + <div class="dark:text-zinc-400 text-gray-500 text-sm italic"> Ready to play. Select version below or hit Launch. </div> </div> |