fix icons

Author: tcaldwell-x

pilot.mdx

@@ -184,7 +184,7 @@ import { Button } from '/snippets/button.mdx';
     <Columns cols={3}>
     <div class="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-transparent dark:bg-background-transparent border-none dark:border-none overflow-hidden w-full">
   <div class="px-6 py-5 relative flex items-center gap-x-3" data-component-part="card-content-container">
-    <div class="h-10 w-10 flex items-center justify-center text-gray-800 fill-gray-800 dark:text-gray-100 dark:fill-gray-100" style={{backgroundColor: '#ffffff', borderRadius: '0.5rem'}} data-component-part="card-icon">
+    <div class="h-10 w-10 flex items-center justify-center text-gray-800 fill-transparent dark:text-gray-100 dark:fill-transparent" style={{backgroundColor: '#ffffff', borderRadius: '0.5rem'}} data-component-part="card-icon">
       <svg viewBox="0 0 24 24" aria-hidden="true" class="w-6 h-6">
         <g>
           <path d="M19.502 4h-15c-1.381 0-2.5 1.12-2.5 2.5v11c0 1.38 1.119 2.5 2.5 2.5h15c1.381 0 2.5-1.12 2.5-2.5v-11c0-1.38-1.119-2.5-2.5-2.5zm.5 13.5c0 .28-.224.5-.5.5h-15c-.276 0-.5-.22-.5-.5V11h16v6.5zm0-9.5h-16V6.5c0-.28.224-.5.5-.5h15c.276 0 .5.22.5.5V8z"></path>
@@ -202,7 +202,7 @@ import { Button } from '/snippets/button.mdx';
 
 <div class="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-transparent dark:bg-background-transparent border-none dark:border-none overflow-hidden w-full">
   <div class="px-6 py-5 relative flex items-center gap-x-3" data-component-part="card-content-container">
-    <div class="h-10 w-10 flex items-center justify-center text-gray-800 fill-gray-800 dark:text-gray-100 dark:fill-gray-100" style={{backgroundColor: '#ffffff', borderRadius: '0.5rem'}} data-component-part="card-icon">
+    <div class="h-10 w-10 flex items-center justify-center text-gray-800 fill-transparent dark:text-gray-100 dark:fill-transparent" style={{backgroundColor: '#ffffff', borderRadius: '0.5rem'}} data-component-part="card-icon">
       <div class="flex items-center justify-center">
         <svg viewBox="0 0 24 24" aria-hidden="true" class="w-6 h-6">
           <g>
@@ -222,7 +222,7 @@ import { Button } from '/snippets/button.mdx';
 
 <div class="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-transparent dark:bg-background-transparent border-none dark:border-none overflow-hidden w-full">
   <div class="px-6 py-5 relative flex items-center gap-x-3" data-component-part="card-content-container">
-    <div class="h-10 w-10 flex items-center justify-center text-gray-800 fill-gray-800 dark:text-gray-100 dark:fill-gray-100" style={{backgroundColor: '#ffffff', borderRadius: '0.5rem'}} data-component-part="card-icon">
+    <div class="h-10 w-10 flex items-center justify-center text-gray-800 fill-transparent dark:text-gray-100 dark:fill-transparent" style={{backgroundColor: '#ffffff', borderRadius: '0.5rem'}} data-component-part="card-icon">
       <svg viewBox="0 0 24 24" aria-hidden="true" class="w-6 h-6">
         <g>
           <path d="M7.323 2h11.443l-3 5h6.648L6.586 22.83 7.847 14H2.523l4.8-12zm1.354 2l-3.2 8h4.676l-.739 5.17L17.586 9h-5.352l3-5H8.677z"></path>