Apply suggestions from code review

Co-authored-by: George Tsiolis <[email protected]>

Author: mustard-mh

components/dashboard/src/components/SelectableCardSolid.tsx

@@ -16,14 +16,14 @@ function SelectableCardSolid(props: SelectableCardSolidProps) {
     return (
         <div
             className={`rounded-xl px-3 py-3 flex flex-col cursor-pointer group transition ease-in-out ${
-                props.selected ? "bg-gray-800" : "bg-gray-100 dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800"
+                props.selected ? "bg-gray-800 dark:bg-gray-100" : "bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700"
             } ${props.className || ""}`}
             onClick={props.onClick}
         >
             <div className="flex items-center">
                 <p
                     className={`w-full pl-1 text-base font-semibold truncate ${
-                        props.selected ? "text-gray-100 dark:text-gray-100" : "text-gray-800 dark:text-gray-500"
+                        props.selected ? "text-gray-100 dark:text-gray-600" : "text-gray-600 dark:text-gray-500"
                     }`}
                     title={props.title}
                 >