From cde55e56689e7735101dc0f783b4b12f6246c7b6 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 3 Jul 2026 12:59:10 -0700
Subject: [PATCH] fix: light theme card

---
 .../components/ui/ProjectDownloadModal/DownloadProject.vue  | 2 +-
 .../ui/ProjectDownloadModal/InstallWithModrinthApp.vue      | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue b/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
index c5cf61eee4..83efe3765b 100644
--- a/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
+++ b/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="flex w-full gap-2">
+	<div class="flex w-full gap-2 max-sm:flex-wrap">
 		<Combobox
 			:model-value="currentGameVersion || undefined"
 			class="w-full"
diff --git a/apps/frontend/src/components/ui/ProjectDownloadModal/InstallWithModrinthApp.vue b/apps/frontend/src/components/ui/ProjectDownloadModal/InstallWithModrinthApp.vue
index e1035c8307..758e86d652 100644
--- a/apps/frontend/src/components/ui/ProjectDownloadModal/InstallWithModrinthApp.vue
+++ b/apps/frontend/src/components/ui/ProjectDownloadModal/InstallWithModrinthApp.vue
@@ -96,7 +96,11 @@ function installWithApp() {
 
 <style lang="scss" scoped>
 .modrinth-app-install-card {
-	background: radial-gradient(circle at 50% 300%, #0d2f17 0%, var(--surface-1) 72%);
+	background: radial-gradient(
+		ellipse 90% 250% at 50% 200%,
+		color-mix(in srgb, var(--color-brand-shadow) 50%, var(--surface-1)) -30%,
+		var(--surface-1) 72%
+	);
 }
 
 @media (hover: none) and (max-width: 767px) {