From a29e2c20e4bac276495b409b20a6ffaa079122e2 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Fri, 30 Aug 2024 17:14:29 +0330
Subject: [PATCH] style: minor changes

---
 .../categories/donate/donate.module.css           | 15 ++++++++++++++-
 src/components/categories/donate/donate.tsx       |  4 +++-
 src/components/category/category.module.css       |  5 ++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/categories/donate/donate.module.css b/src/components/categories/donate/donate.module.css
index 07c51df..1764701 100644
--- a/src/components/categories/donate/donate.module.css
+++ b/src/components/categories/donate/donate.module.css
@@ -20,7 +20,10 @@
       width: 45px;
       height: 45px;
       font-size: var(--font-md);
-      background-color: var(--color-neutral-100);
+      background: linear-gradient(
+        var(--color-neutral-50),
+        var(--color-neutral-100)
+      );
       border: 1px solid var(--color-neutral-300);
       border-radius: 50%;
     }
@@ -31,6 +34,16 @@
     font-size: var(--font-lg);
     font-weight: 600;
     text-align: center;
+
+    & span {
+      background: linear-gradient(
+        135deg,
+        var(--color-foreground),
+        var(--color-foreground-subtle)
+      );
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
   }
 
   & .desc {
diff --git a/src/components/categories/donate/donate.tsx b/src/components/categories/donate/donate.tsx
index be77204..93a1774 100644
--- a/src/components/categories/donate/donate.tsx
+++ b/src/components/categories/donate/donate.tsx
@@ -14,7 +14,9 @@ export function Donate() {
         </div>
       </div>
 
-      <div className={styles.title}>Support Me</div>
+      <div className={styles.title}>
+        <span>Support Me</span>
+      </div>
       <p className={styles.desc}>Help me keep Moodist ad-free.</p>
       <SpecialButton
         className={styles.button}
diff --git a/src/components/category/category.module.css b/src/components/category/category.module.css
index 127e5cc..e4f997f 100644
--- a/src/components/category/category.module.css
+++ b/src/components/category/category.module.css
@@ -22,7 +22,10 @@
       width: 45px;
       height: 45px;
       font-size: var(--font-md);
-      background-color: var(--color-neutral-100);
+      background: linear-gradient(
+        var(--color-neutral-50),
+        var(--color-neutral-100)
+      );
       border: 1px solid var(--color-neutral-300);
       border-radius: 50%;
     }