Update: List Row Dynamic Theme

frontend/src/pages/AllCategoriesPage.tsx

@@ -61,7 +61,10 @@ const AllCategoriesPage: React.FC = () => {
         items={categories}
         onClick={handleCategoryClick}
         extraClasses="text-center"
+        extraClasses="bg-[var(--recommend)]"
+
         wrap={true}
+
       />
     </DynamicPageContent>
   );

frontend/src/pages/CategoryPage.tsx

@@ -78,7 +78,7 @@ const CategoryPage: React.FC = () => {
           items={streams}
           wrap={true}
           onClick={handleStreamClick}
-          extraClasses="bg-purple-950/60"
+          extraClasses="bg-[var(--recommend)]"
         />
       </div>
 

frontend/src/pages/UserPage.tsx

@@ -242,6 +242,8 @@ const UserPage: React.FC = () => {
         </div>
       </div>
       {showAuthModal && <AuthModal onClose={() => setShowAuthModal(false)} />}
+
+        
     </DynamicPageContent>
   );
 };