From e60bed97de1f4fc08b4168a535842dd26c0586cf Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sun, 4 May 2025 18:55:45 +0900
Subject: [PATCH] wip

---
 packages/frontend/src/pages/welcome.setup.vue | 44 ++++++++++++++++++-
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/welcome.setup.vue b/packages/frontend/src/pages/welcome.setup.vue
index 69a654595a..f8d9d7a5e8 100644
--- a/packages/frontend/src/pages/welcome.setup.vue
+++ b/packages/frontend/src/pages/welcome.setup.vue
@@ -7,6 +7,42 @@ SPDX-License-Identifier: AGPL-3.0-only
 <PageWithAnimBg>
 	<div :class="$style.formContainer">
 		<form :class="$style.form" class="_panel" @submit.prevent="submit()">
+			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:1;position:relative" viewBox="0 0 854 300">
+				<defs>
+					<linearGradient id="linear" x1="0%" y1="0%" x2="100%" y2="0%">
+						<stop offset="0%" stop-color="#86b300"/><stop offset="100%" stop-color="#4ab300"/>
+					</linearGradient>
+				</defs>
+
+				<g transform="translate(427, 150) scale(1, 1) translate(-427, -150)">
+					<path d="" fill="url(#linear)" opacity="0.4">
+						<animate
+							attributeName="d"
+							dur="20s"
+							repeatCount="indefinite"
+							keyTimes="0;0.333;0.667;1"
+							calcmod="spline"
+							keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1"
+							begin="0s"
+							values="M0 0L 0 220Q 213.5 260 427 230T 854 255L 854 0 Z;M0 0L 0 245Q 213.5 260 427 240T 854 230L 854 0 Z;M0 0L 0 265Q 213.5 235 427 265T 854 230L 854 0 Z;M0 0L 0 220Q 213.5 260 427 230T 854 255L 854 0 Z"
+						>
+						</animate>
+					</path>
+					<path d="" fill="url(#linear)" opacity="0.4">
+						<animate
+							attributeName="d"
+							dur="20s"
+							repeatCount="indefinite"
+							keyTimes="0;0.333;0.667;1"
+							calcmod="spline"
+							keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1"
+							begin="-10s"
+							values="M0 0L 0 235Q 213.5 280 427 250T 854 260L 854 0 Z;M0 0L 0 250Q 213.5 220 427 220T 854 240L 854 0 Z;M0 0L 0 245Q 213.5 225 427 250T 854 265L 854 0 Z;M0 0L 0 235Q 213.5 280 427 250T 854 260L 854 0 Z"
+						>
+						</animate>
+					</path>
+				</g>
+			</svg>
 			<div :class="$style.title">
 				<div>Welcome to Misskey!</div>
 				<div :class="$style.version">v{{ version }}</div>
@@ -104,12 +140,16 @@ function submit() {
 }
 
 .title {
+	position: absolute;
+	top: 16px;
+	left: 0;
+	right: 0;
+	z-index: 1;
 	margin: 0;
 	font-size: 1.5em;
 	text-align: center;
 	padding: 32px;
-	background: var(--MI_THEME-accentedBg);
-	color: var(--MI_THEME-accent);
+	color: #fff;
 	font-weight: bold;
 }