add: theme red rain

max1mde · Nov 28, 2024 · 65d3870 · 65d3870
1 parent 5e0f08c
commit 65d3870
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/src/common/Card.js b/src/common/Card.js
@@ -364,6 +364,32 @@ class Card {
                 <rect x="0" y="0" width="${this.width}" height="${this.height}" fill="#000000" opacity="${this.dark_bg / 10}" />
       </g>
       
+      `,
+
+      red_rain: `
+
+      <defs>
+        <mask id="${maskId}" x="0" y="0" width="${this.width}" height="99%">
+          <rect x="0" y="0" width="${this.width - 1}" height="99%" rx="${this.border_radius}" fill="white"/>
+        </mask>
+      </defs>
+
+      <g class="parallax-background" mask="url(#${maskId})">
+        <defs>
+          <linearGradient id="rainGradient" x1="0" y1="0" x2="0" y2="1">
+            <stop offset="0%" stop-color="#003e61"/>
+            <stop offset="100%" stop-color="#A13C5C"/>
+          </linearGradient>
+        </defs>
+        <rect x="0" y="0" width="${this.width}" height="${this.height}" fill="url(#rainGradient)" class="sky"/>
+
+        <g class="rain-container">
+          ${this.renderRainDrops()}
+        </g>
+
+                <rect x="0" y="0" width="${this.width}" height="${this.height}" fill="#000000" opacity="${this.dark_bg / 10}" />
+      </g>
+      
       `,
       snow: `
       

diff --git a/themes/index.js b/themes/index.js
@@ -476,6 +476,13 @@ export const themes = {
     bg_color: "transparent",
     border_color: "ffffff",
   },
+  red_rain: {
+    title_color: "ffffff",
+    icon_color: "ffffff",
+    text_color: "ffffff",
+    bg_color: "transparent",
+    border_color: "ffffff",
+  },
   snow: {
     title_color: "ffffff",
     icon_color: "ffffff",