change PowerGrid pg-primary theme based on gray

- https://github.com/Power-Components/livewire-powergrid/blob/5c02c3ce3/tailwind.config.js#L8C18-L8C28
- https://tailwindcss.com/docs/customizing-colors
- #1033

Author: realodix

resources/css/main.css

@@ -42,7 +42,6 @@
 
     table {
         thead {
-            @apply bg-gray-100;
             box-shadow: none;
             border-radius: unset;
         }
@@ -71,22 +70,6 @@
         }
     }
 
-    /* button[data-cy^="toggle-columns-"] */
-    div[role="none"] {
-        svg.text-pg-primary-200 {
-            @apply text-gray-200;
-        }
-
-        svg.text-pg-primary-500 {
-            @apply text-gray-500;
-        }
-
-        div.bg-pg-primary-100,
-        div.hover\:bg-pg-primary-100:hover {
-            @apply bg-gray-100;
-        }
-    }
-
     nav[aria-label="Pagination Navigation"] {
         span, a {
             @apply border-border-300;

tailwind.config.js

@@ -1,5 +1,6 @@
 import forms from '@tailwindcss/forms';
 import presetPowerGrid from './vendor/power-components/livewire-powergrid/tailwind.config.js';
+import colors from 'tailwindcss/colors';
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -30,6 +31,8 @@ export default {
                 "uh-blue": "#3d5b99",
                 "border-200": "#e7e5e4",
                 "border-300": "#d6d3d1",
+                // PowerGrid
+                'pg-primary': colors.gray,
             },
         },
     },