From 4d89c5bbf6b4c9474b505d14c40a48fb23913d3b Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Mon, 18 Aug 2025 01:11:24 +0900
Subject: feat(frontend): apply iOSDC Japan 2025 color

---
 frontend/app/routes/_index.tsx | 8 ++++----
 frontend/app/tailwind.css      | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'frontend')

diff --git a/frontend/app/routes/_index.tsx b/frontend/app/routes/_index.tsx
index 02ce558..58e4e53 100644
--- a/frontend/app/routes/_index.tsx
+++ b/frontend/app/routes/_index.tsx
@@ -15,15 +15,15 @@ export async function loader({ request }: LoaderFunctionArgs) {
 
 export default function Index() {
 	return (
-		<div className="min-h-screen bg-sky-600 flex flex-col items-center justify-center gap-y-6">
+		<div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center gap-y-6">
 			<img
 				src={`${BASE_PATH}logo.svg`}
 				alt="iOSDC Japan 2025"
-				className="w-64 h-64"
+				className="w-96 h-auto"
 			/>
 			<div className="text-center">
-				<div className="font-bold text-sky-50 flex flex-col gap-y-2">
-					<div className="text-5xl">SWIFT CODE BATTLE</div>
+				<div className="font-bold text-transparent bg-clip-text bg-iosdc-japan">
+					<div className="text-6xl">Swift Code Battle</div>
 				</div>
 			</div>
 			<div className="mx-2">
diff --git a/frontend/app/tailwind.css b/frontend/app/tailwind.css
index 9e56140..1151645 100644
--- a/frontend/app/tailwind.css
+++ b/frontend/app/tailwind.css
@@ -3,3 +3,7 @@
 @theme {
 	--text-10xl: 16rem;
 }
+
+@utility bg-iosdc-japan {
+  background-image: linear-gradient(to right, #e03468, #ff523d, #f060b2, #a05cff, #008ccf);
+}
-- 
cgit v1.2.3-70-g09d2