feat: update april special

src/components/logo.tsx

@@ -9,6 +9,11 @@ const path: Record<string, string> = {
 
 export function Logo({ ...props }) {
   const appIcon = getAppIcon() || 'matcha'
+
+  if (appIcon === 'methane') {
+    return <img className="logo" {...props} src="https://cafemaker.wakingsands.com/i/021000/021314_hr1.png" alt="" />
+  }
+
   return (
     <svg className="logo" viewBox="0 0 400 400" {...props}>
       <path d={path[appIcon]} />

src/lib/season/index.ts

@@ -1,4 +1,4 @@
-import './mofish.scss'
+import './methane.scss'
 
 const useAprilStyle = (() => {
   const now = new Date()
@@ -7,23 +7,23 @@ const useAprilStyle = (() => {
 
 export const getAppSeason = (): string => {
   if (useAprilStyle) {
-    return ' app-season-mofish'
+    return ' app-season-methane'
   }
 
   return ''
 }
 
 export const getAppIcon = (): string => {
   if (useAprilStyle) {
-    return 'mofish'
+    return 'methane'
   }
 
   return ''
 }
 
 export const getSeasonTitle = (short = false): string | null => {
   if (useAprilStyle) {
-    return short ? 'Mofish' : '摸鱼 Mofish'
+    return short ? 'Methane Egg' : '甲烷矿蛋'
   }
 
   return null

src/lib/season/methane.scss

@@ -0,0 +1,65 @@
+$methane-color: #92cc39;
+
+.app-season-methane {
+  .button-active, .button:hover {
+    color: $methane-color;
+    border-color: $methane-color;
+  }
+
+  &.app {
+    border-color: rgba($methane-color, 0.66);
+  }
+
+  &.app-minified {
+    background-color: #5a5952
+  }
+
+  .logo {
+    background-color: $methane-color;
+  }
+
+  .header > .tab.active {
+    border-color: $methane-color;
+  }
+
+  .header-lock.locked {
+    color: $methane-color;
+  }
+
+  .header-menu {
+    background: rgba($methane-color, 0.93);
+  }
+
+  .header-menu::before {
+    border-bottom-color: rgba($methane-color, 0.8);
+  }
+
+  .tag {
+    color: $methane-color;
+  }
+
+  .cactpot-input.highlight {
+    border-color: $methane-color;
+    color: $methane-color;
+  }
+
+  .cactpot-max {
+    color: $methane-color;
+  }
+
+  .gearset-wrap h3 {
+    color: $methane-color;
+  }
+
+  .overlay-market .lowest {
+    color: $methane-color;
+  }
+
+  .overlay-market .lowest .icon-hq path {
+    fill: $methane-color;
+  }
+
+  .alert-title {
+    color: $methane-color;
+  }
+}