From 8cc0e538748e26f00b8bc7531c17c18bdea048f8 Mon Sep 17 00:00:00 2001
From: David Haz <davidhzdev@gmail.com>
Date: Sat, 19 Jul 2025 11:06:06 +0300
Subject: [PATCH] feat: Update sidebar categories and improve new tag styling

---
 src/constants/Categories.ts | 10 +++++-----
 src/css/sidebar.css         |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/constants/Categories.ts b/src/constants/Categories.ts
index a00c736..7480c84 100644
--- a/src/constants/Categories.ts
+++ b/src/constants/Categories.ts
@@ -1,5 +1,5 @@
 // Highlighted sidebar items
-export const NEW = [];
+export const NEW = ['Target Cursor', 'Ripple Grid'];
 export const UPDATED = [];
 
 // Used for main sidebar navigation
@@ -37,6 +37,7 @@ export const CATEGORIES = [
       'Noise',
       'Splash Cursor',
       'Pixel Transition',
+      'Target Cursor',
       'Ribbons',
       'Glare Hover',
       'Magnet Lines',
@@ -48,8 +49,7 @@ export const CATEGORIES = [
       'Blob Cursor',
       'Meta Balls',
       'Image Trail',
-      'Shape Blur',
-      'Target Cursor',
+      'Shape Blur'
     ]
   },
   {
@@ -82,6 +82,7 @@ export const CATEGORIES = [
       'Beams',
       'Dot Grid',
       'Hyperspeed',
+      'Ripple Grid',
       'Silk',
       'Lightning',
       'Balatro',
@@ -95,8 +96,7 @@ export const CATEGORIES = [
       'Orb',
       'Ballpit',
       'Liquid Chrome',
-      'Grid Distortion',
-      'Ripple Grid',
+      'Grid Distortion'
     ]
   }
 ];
diff --git a/src/css/sidebar.css b/src/css/sidebar.css
index 4652984..d79ad2f 100644
--- a/src/css/sidebar.css
+++ b/src/css/sidebar.css
@@ -132,7 +132,7 @@
 .drawer-navigation .sidebar-item .new-tag {
   color: #fff;
   border: 1px solid #27ff64;
-  background-color: rgba(82, 39, 255, 0.3);
+  background-color: rgba(39, 255, 100, 0.3);
 }
 
 .sidebar-item .updated-tag,