Add color palette ui update

Author: alphacoder-mp3

components/color-palette.tsx

@@ -18,14 +18,14 @@ export const ColorPalette = ({
   return (
     <div
       className={cn(
-        'fixed inset-0 max-w-full min-h-fit md:h-12 px-2 py-4 md:py-0 bg-zinc-900 flex items-center justify-center flex-wrap gap-2 dark:rounded-xl z-50',
+        'fixed inset-0 max-w-full min-h-fit md:h-12 px-2 py-4 md:py-0 dark:bg-zinc-900 bg-zinc-100 flex items-center justify-center flex-wrap gap-2 dark:rounded-xl z-50',
         className
       )}
       ref={colorPaletteRef}
     >
       {bgColors.map(color => (
         <div
-          className={`h-6 w-6 rounded-full hover:border border-white cursor-pointer ${getLightModeColor(
+          className={`h-6 w-6 rounded-full hover:border dark:border-white border-black cursor-pointer ${getLightModeColor(
             color
           )} ${getDarkModeColor(color)}`}
           key={color}