Add table header background color

Author: abdonrd

src/app/globals.css

@@ -43,6 +43,8 @@
 
   /* TODO: Review these custom variables */
   --color-nav-menu-selected-foreground: #24a148;
+  --color-table-head: #343a3f;
+  --color-table-head-foreground: #ffffff;
 }
 
 :root {

src/components/ui/table.tsx

@@ -69,7 +69,7 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
     <th
       data-slot="table-head"
       className={cn(
-        "text-foreground h-12 px-4 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "bg-table-head text-table-head-foreground h-12 px-4 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       )}
       {...props}