[+] Chusan Userbox Upgrade 3

AquaNet/public/assets/chu/aqua.css

@@ -0,0 +1,144 @@
+/*
+
+Happy April Fools!
+
+Some assets are owned by SEGA.
+CHUNITHM-NET and CHUNITHM are IPs of SEGA.
+
+*/
+* {
+  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
+    "MS P Gothic", sans-serif;
+}
+nav > a,
+nav > *.active,
+.setting-icon path {
+  color: unset !important;
+}
+.aqua-tooltip {
+  background: black;
+}
+.fw-block {
+  background: none !important;
+  box-shadow: none !important;
+}
+#app {
+  background: url(/assets/chu/logo.bin),
+    #f9f9db;
+  background-repeat: no-repeat;
+  background-position: 50% 4px;
+  max-width: 528px !important;
+  margin: 0 auto;
+  padding-top: 100px;
+  height: unset !important;
+  box-shadow: -8px 0 0 0 #fdd500, -12px 0 0 0 #f9f9db, 8px 0 0 0 #fdd500,
+    12px 0 0 0 #f9f9db;
+}
+nav:has(.logo) {
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  width: calc(100% - 96px);
+}
+nav {
+  color: black;
+}
+.user-pfp {
+  margin-top: -56px !important;
+}
+.outer-title-options,
+.outer-title-options *,
+nav.tabs {
+  color: white !important;
+}
+.outer-title-options {
+  margin-top: 0 !important;
+  display: unset !important;
+}
+.outer-title-options h2 {
+  width: 460px;
+  position: relative;
+  right: 20px;
+  display: flex;
+  justify-content: center;
+  margin: 0 0 10px 0 !important;
+  background: url(/assets/chu/header.bin);
+}
+.chuni-userbox-row {
+  flex-wrap: wrap;
+}
+.chuni-userbox button {
+  width: calc(100% / 4) !important;
+  font-size: 0px;
+}
+.chuni-userbox-row button {
+  width: unset !important;
+  flex: 0 1 calc(100% / 3) !important;
+}
+.chuni-userbox-row button img {
+  overflow: hidden;
+  font-size: 10px;
+}
+.chuni-nameplate {
+  background: none !important;
+  position: relative !important;
+  left: 20px;
+}
+.chuni-userbox {
+  background: none !important;
+}
+main {
+  max-width: calc(460px - 40px) !important;
+  margin: 16px auto 0 auto !important;
+  background: #2c4056 !important;
+  border-radius: unset !important;
+  padding: 10px 20px !important;
+}
+main:has(.user-pfp) {
+  margin: 64px auto 0 auto !important;
+}
+.rating-composition {
+  display: flex !important;
+  flex-wrap: wrap;
+  gap: 0 !important;
+}
+.rating-composition > div {
+  width: 47.5%;
+  margin: 1.25%;
+}
+.map-detail-container {
+  background: none !important;
+  border-radius: 0 !important;
+}
+.lv {
+  border-radius: 0 !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 !important;
+  width: 50px !important;
+}
+.rank-text {
+  min-width: 20px !important;
+}
+.chuni-userbox-container {
+  flex-wrap: wrap;
+}
+.profile-bio-text {
+  white-space: unset !important;
+}
+.chuni-penguin-container {
+  padding: 64px 0;
+  width: 100%;
+  background: linear-gradient(
+    180deg,
+    rgba(249, 249, 219, 1) 0%,
+    rgba(249, 249, 219, 1) 69%,
+    rgba(231, 231, 202, 1) 70%,
+    rgba(231, 231, 202, 1) 100%
+  );
+}
+body {
+  background: #fdd500 !important;
+  color: white;
+}

AquaNet/src/App.svelte

@@ -40,6 +40,16 @@
 
   }
   let path = window.location.pathname;
+
+  if ((new Date().getDate() == 1 
+    && new Date().getMonth() == 3 
+    && localStorage.getItem("token"))) 
+  {
+    const s = document.createElement("link");
+    s.href = "/assets/chu/aqua.css";
+    s.rel = "stylesheet";
+    document.head.appendChild(s);
+  }
 </script>
 
 <nav>