元旦节皮肤

client/src/pages/Home.tsx

@@ -20,6 +20,11 @@ import HalloweenVolumeThumb from "@/components/festival/HalloweenVolumeThumb";
 import HalloweenPumpkinIcon from "@/components/festival/HalloweenPumpkinIcon";
 import HalloweenCardDecoration from "@/components/festival/HalloweenCardDecoration";
 import FestivalGreeting from "@/components/festival/FestivalGreeting";
+import {
+  NewYearCardDecoration,
+  NewYearVolumeIcon,
+  NewYearVolumeThumb,
+} from "@/components/festival/NewYearDecoration";
 import "@/components/festival/christmas.css";
 import "@/components/festival/halloween.css";
 import "@/components/festival/festival.css";
@@ -466,6 +471,7 @@ export default function Home() {
   const festival = useFestival();
   const isChristmas = festival === "christmas";
   const isHalloween = festival === "halloween";
+  const isNewYear = festival === "newyear";
 
   if (!isConnected) return <ConnectionPlaceholder />;
 
@@ -567,6 +573,7 @@ export default function Home() {
           style={{ background: "rgba(18,18,20,0.8)", minHeight: 140 }}>
           {isChristmas && <ChristmasCardDecoration />}
           {isHalloween && <HalloweenCardDecoration />}
+          {isNewYear && <NewYearCardDecoration />}
           {/* Stylized device illustration */}
           <div className="w-full relative" style={{ height: 140 }}>
             {/* Device body */}
@@ -714,6 +721,8 @@ export default function Home() {
               <ChristmasBellIcon dim />
             ) : isHalloween ? (
               <HalloweenPumpkinIcon dim />
+            ) : isNewYear ? (
+              <NewYearVolumeIcon dim />
             ) : (
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" className="w-6 h-6">
                 <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
@@ -741,7 +750,9 @@ export default function Home() {
                   ? () => <ChristmasVolumeThumb />
                   : isHalloween
                     ? () => <HalloweenVolumeThumb />
-                    : undefined
+                    : isNewYear
+                      ? () => <NewYearVolumeThumb />
+                      : undefined
               }
               onChange={(v) => {
                 if (volumePassthroughActive) return;
@@ -774,6 +785,8 @@ export default function Home() {
               <ChristmasBellIcon />
             ) : isHalloween ? (
               <HalloweenPumpkinIcon />
+            ) : isNewYear ? (
+              <NewYearVolumeIcon />
             ) : (
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" className="w-6 h-6">
                 <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>