Add dark variants for Previous/Next buttons

kscalelabs · Aug 6, 2024 · c8627a8 · c8627a8
1 parent 9abb4d4
commit c8627a8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/pages/Browse.tsx b/frontend/src/pages/Browse.tsx
@@ -89,15 +89,15 @@ const Browse = () => {
           <div className="flex justify-center mt-4">
             {prevButton && (
               <button
-                className="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded-l mr-auto"
+                className="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-300 font-bold py-2 px-4 rounded-l mr-auto"
                 onClick={() => navigate(`/browse/?page=${pageNumber - 1}`)}
               >
                 Previous
               </button>
             )}
             {nextButton && (
               <button
-                className="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded-r ml-auto"
+                className="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-300 font-bold py-2 px-4 rounded-r ml-auto"
                 onClick={() => navigate(`/browse/?page=${pageNumber + 1}`)}
               >
                 Next