💄 Update icon components to use currentColor for improved theming support; adjust fill properties for better visual consistency

Author: HassanZahirnia

resources/views/components/home/explainer.blade.php

@@ -239,7 +239,7 @@ class="h-px w-full [background-image:linear-gradient(to_right,currentColor_0_8px
                     class="dark:from-mirage 2xs:items-start flex flex-col items-center gap-3 rounded-2xl bg-gradient-to-tl from-[#FEF3C6] to-[#FFFBEB] p-7 2xl:gap-4 2xl:p-8 dark:to-slate-700/40"
                 >
                     <x-icons.home.charging-thunder
-                        class="size-12 text-yellow-400 2xl:size-14"
+                        class="size-12 text-yellow-400 2xl:size-14 dark:text-amber-300"
                     />
                     <div
                         class="2xs:items-start 2xs:text-left flex flex-col items-center gap-1 text-center text-pretty"
@@ -260,7 +260,7 @@ class="text-gray-600 2xl:text-lg dark:text-zinc-400"
                     class="dark:from-mirage 2xs:items-start flex flex-col items-center gap-3 rounded-2xl bg-gradient-to-tl from-[#ECFCCA] to-[#F7FEE7] p-7 2xl:gap-4 2xl:p-8 dark:to-slate-700/40"
                 >
                     <x-icons.home.rocket
-                        class="size-12 text-lime-400 2xl:size-14"
+                        class="size-12 text-lime-400 2xl:size-14 dark:text-lime-300"
                     />
                     <div
                         class="2xs:items-start 2xs:text-left flex flex-col items-center gap-1 text-center text-pretty"
@@ -425,7 +425,7 @@ class="2xs:text-left text-center text-pretty text-gray-600 dark:text-zinc-400"
             </p>
 
             <div
-                class="2xs:justify-start flex flex-wrap items-start justify-center gap-x-2.5 gap-y-3 [--icon-bg:#F9FBF0] [--icon-stroke:#717838] 2xl:gap-x-3 dark:[--icon-bg:--alpha(var(--color-slate-400)/30%)] dark:[--icon-stroke:--alpha(var(--color-white)/60%)]"
+                class="2xs:justify-start flex flex-wrap items-start justify-center gap-x-2.5 gap-y-3 [--icon-bg:#F9FBF0] [--icon-stroke:#717838] 2xl:gap-x-3 dark:[--icon-bg:--alpha(var(--color-teal-500)/30%)] dark:[--icon-stroke:--alpha(var(--color-teal-400)/80%)]"
             >
                 @php
                     $categories = [

resources/views/components/icons/home/game.blade.php

@@ -37,7 +37,8 @@ class="text-[var(--icon-stroke)]"
     />
     <path
         d="M12.99 4.04765C13.9165 3.12113 14.0907 1.37817 14.477 1.37817C14.8634 1.37817 15.0377 3.12113 15.9642 4.04765C16.8907 4.97417 18.6221 5.0723 18.6221 5.52326C18.6221 5.97422 16.8907 6.07235 15.9642 6.99888C15.0377 7.9254 14.8634 9.66835 14.477 9.66835C14.0907 9.66835 13.9165 7.9254 12.99 6.99888C12.0635 6.07235 10.332 5.97422 10.332 5.52326C10.332 5.0723 12.0635 4.97417 12.99 4.04765Z"
-        fill="white"
+        fill="currentColor"
+        class="text-[var(--icon-bg)]"
     />
     <path
         d="M12.99 4.04765C13.9165 3.12113 14.0907 1.37817 14.477 1.37817C14.8634 1.37817 15.0377 3.12113 15.9642 4.04765C16.8907 4.97417 18.6221 5.0723 18.6221 5.52326C18.6221 5.97422 16.8907 6.07235 15.9642 6.99888C15.0377 7.9254 14.8634 9.66835 14.477 9.66835C14.0907 9.66835 13.9165 7.9254 12.99 6.99888C12.0635 6.07235 10.332 5.97422 10.332 5.52326C10.332 5.0723 12.0635 4.97417 12.99 4.04765Z"

resources/views/components/icons/home/shop.blade.php

@@ -27,7 +27,8 @@ class="text-[var(--icon-stroke)]"
     />
     <path
         d="M8.17782 18.6218C8.99767 18.6218 9.66229 17.9571 9.66229 17.1374C9.66229 16.3175 8.99767 15.6528 8.17782 15.6528C7.35798 15.6528 6.69336 16.3175 6.69336 17.1374C6.69336 17.9571 7.35798 18.6218 8.17782 18.6218Z"
-        fill="white"
+        fill="currentColor"
+        class="text-[var(--icon-bg)]"
     />
     <path
         d="M8.17782 18.6218C8.99767 18.6218 9.66229 17.9571 9.66229 17.1374C9.66229 16.3175 8.99767 15.6528 8.17782 15.6528C7.35798 15.6528 6.69336 16.3175 6.69336 17.1374C6.69336 17.9571 7.35798 18.6218 8.17782 18.6218Z"
@@ -39,7 +40,8 @@ class="text-[var(--icon-stroke)]"
     />
     <path
         d="M16.467 18.6218C17.2869 18.6218 17.9514 17.9571 17.9514 17.1374C17.9514 16.3175 17.2869 15.6528 16.467 15.6528C15.6471 15.6528 14.9826 16.3175 14.9826 17.1374C14.9826 17.9571 15.6471 18.6218 16.467 18.6218Z"
-        fill="white"
+        fill="currentColor"
+        class="text-[var(--icon-bg)]"
     />
     <path
         d="M16.467 18.6218C17.2869 18.6218 17.9514 17.9571 17.9514 17.1374C17.9514 16.3175 17.2869 15.6528 16.467 15.6528C15.6471 15.6528 14.9826 16.3175 14.9826 17.1374C14.9826 17.9571 15.6471 18.6218 16.467 18.6218Z"

resources/views/components/icons/home/social.blade.php

@@ -11,7 +11,8 @@ class="text-[var(--icon-bg)]"
     />
     <path
         d="M10.0017 14.7848C13.5297 14.7848 14.9409 11.9624 14.9409 10.5512C11.622 10.1616 8.38141 10.1616 5.0625 10.5512C5.0625 11.9624 6.47369 14.7848 10.0017 14.7848Z"
-        fill="white"
+        fill="currentColor"
+        class="text-[var(--icon-bg)]"
     />
     <path
         d="M1.8422 3.4243C1.88746 2.8709 2.2717 2.40772 2.80581 2.27947C7.81045 1.07774 12.1914 1.07774 17.196 2.27947C17.7301 2.40772 18.1144 2.8709 18.1596 3.4243C18.368 5.9732 18.4668 7.81775 18.4561 10.4579C18.4371 15.0823 14.5726 18.6212 10.0009 18.6212C5.42918 18.6212 1.56463 15.0823 1.54572 10.4579C1.53492 7.81775 1.63375 5.9732 1.8422 3.4243Z"

resources/views/components/icons/home/wrench.blade.php

@@ -22,7 +22,8 @@ class="text-[var(--icon-stroke)]"
         fill-rule="evenodd"
         clip-rule="evenodd"
         d="M12.7168 18.1615C12.7521 17.4818 12.7794 16.7817 12.7794 16.0683C12.7794 15.2656 12.7448 14.4797 12.7032 13.7207C13.4604 13.3991 14.0757 12.9209 14.5119 12.2868C15.0003 11.5769 15.2387 10.7091 15.2387 9.72677C15.2387 8.71369 14.9851 7.82268 14.466 7.1015C13.9466 6.37983 13.1904 5.8686 12.2553 5.56611C11.8288 5.42818 11.4168 5.7547 11.4168 6.17773C11.4168 6.5713 11.4289 6.97346 11.4402 7.34829C11.4474 7.58382 11.4542 7.80876 11.4574 8.01377C11.4663 8.5747 11.4508 9.03509 11.3734 9.40348C11.2973 9.76528 11.1727 9.98423 11.0036 10.1218C10.8334 10.2603 10.5406 10.3793 9.99923 10.3793C9.45788 10.3793 9.16509 10.2603 8.99488 10.1218C8.82584 9.98422 8.70121 9.76528 8.62515 9.40348C8.54773 9.03508 8.53221 8.5747 8.5411 8.01377C8.54433 7.80876 8.55114 7.58385 8.55826 7.34833C8.56959 6.97352 8.58175 6.57129 8.58175 6.17773C8.58175 5.7547 8.16967 5.42816 7.74324 5.56611C6.80812 5.8686 6.05195 6.37983 5.53252 7.1015C5.01346 7.82267 4.75977 8.71369 4.75977 9.72677C4.75977 10.7091 4.99822 11.5769 5.48661 12.2868C5.9229 12.9209 6.53813 13.3991 7.29527 13.7207C7.25373 14.4797 7.21908 15.2656 7.21908 16.0683C7.21908 16.7817 7.24645 17.4818 7.28169 18.1615C8.17521 18.2384 9.08183 18.2902 9.99932 18.2902C10.9168 18.2902 11.8233 18.2384 12.7168 18.1615Z"
-        fill="white"
+        fill="currentColor"
+        class="text-[var(--icon-bg)]"
     />
     <path
         d="M12.7168 18.1615C12.7521 17.4818 12.7794 16.7817 12.7794 16.0683C12.7794 15.2656 12.7448 14.4797 12.7032 13.7207C13.4604 13.3991 14.0757 12.9209 14.5119 12.2868C15.0003 11.5769 15.2387 10.7091 15.2387 9.72677C15.2387 8.71369 14.9851 7.82268 14.466 7.1015C13.9466 6.37983 13.1904 5.8686 12.2553 5.56611C11.8288 5.42818 11.4168 5.7547 11.4168 6.17773C11.4168 6.5713 11.4289 6.97346 11.4402 7.34829C11.4474 7.58381 11.4542 7.80876 11.4574 8.01377C11.4663 8.5747 11.4508 9.03509 11.3734 9.40348C11.2973 9.76528 11.1727 9.98423 11.0036 10.1218C10.8334 10.2603 10.5406 10.3793 9.99923 10.3793C9.45788 10.3793 9.16509 10.2603 8.99488 10.1218C8.82584 9.98422 8.70121 9.76528 8.62515 9.40348C8.54773 9.03508 8.53221 8.5747 8.5411 8.01377C8.54433 7.80876 8.55114 7.58385 8.55826 7.34833C8.56959 6.9735 8.58175 6.57129 8.58175 6.17773C8.58175 5.7547 8.16967 5.42816 7.74324 5.56611C6.80812 5.8686 6.05195 6.37983 5.53252 7.1015C5.01346 7.82267 4.75977 8.71369 4.75977 9.72677C4.75977 10.7091 4.99822 11.5769 5.48661 12.2868C5.9229 12.9209 6.53813 13.3991 7.29527 13.7207C7.25373 14.4797 7.21908 15.2656 7.21908 16.0683C7.21908 16.7817 7.24645 17.4818 7.28169 18.1615C8.17521 18.2384 9.08183 18.2902 9.99932 18.2902C10.9168 18.2902 11.8233 18.2384 12.7168 18.1615Z"