fix: color for the community page buttons

Author: S1M0N38

community.html

@@ -37,11 +37,11 @@
     <div class="container mx-auto px-4 sm:px-6 lg:px-8 xl:px-12">
       <div class="flex items-center justify-center space-x-2 sm:space-x-4 md:space-x-6 lg:space-x-8 py-4">
         <a href="index.html"
-          class="inline-flex items-center justify-center h-10 w-28 sm:w-32 md:w-36 lg:w-40 px-3 sm:px-4 md:px-5 lg:px-6 text-zinc-500 hover:text-zinc-700 hover:bg-zinc-50 dark:text-zinc-400 hover:dark:text-zinc-200 hover:dark:bg-zinc-700/50 rounded-lg font-medium text-sm transition-all border border-zinc-300 dark:border-zinc-600">BalatroBench</a>
+          class="inline-flex items-center justify-center h-10 w-28 sm:w-32 md:w-36 lg:w-40 px-3 sm:px-4 md:px-5 lg:px-6 text-zinc-500 hover:text-zinc-600 hover:bg-zinc-50 dark:text-zinc-400 hover:dark:text-zinc-200 hover:dark:bg-zinc-700/50 rounded-lg font-medium text-sm transition-all border border-zinc-300 dark:border-zinc-600">BalatroBench</a>
         <a href="community.html" aria-current="page"
-          class="inline-flex items-center justify-center h-10 w-28 sm:w-32 md:w-36 lg:w-40 px-3 sm:px-4 md:px-5 lg:px-6 bg-zinc-100 text-zinc-700 dark:bg-zinc-700 dark:text-white rounded-lg font-medium text-sm transition-all border-2 border-zinc-300 dark:border-zinc-600">Community</a>
+          class="inline-flex items-center justify-center h-10 w-28 sm:w-32 md:w-36 lg:w-40 px-3 sm:px-4 md:px-5 lg:px-6 bg-zinc-100 text-zinc-600 dark:bg-zinc-700 dark:text-white rounded-lg font-medium text-sm transition-all border-2 border-zinc-300 dark:border-zinc-600">Community</a>
         <a href="about.html"
-          class="inline-flex items-center justify-center h-10 w-28 sm:w-32 md:w-36 lg:w-40 px-3 sm:px-4 md:px-5 lg:px-6 text-zinc-500 hover:text-zinc-700 hover:bg-zinc-50 dark:text-zinc-400 hover:dark:text-zinc-200 hover:dark:bg-zinc-700/50 rounded-lg font-medium text-sm transition-all border border-zinc-300 dark:border-zinc-600">About</a>
+          class="inline-flex items-center justify-center h-10 w-28 sm:w-32 md:w-36 lg:w-40 px-3 sm:px-4 md:px-5 lg:px-6 text-zinc-500 hover:text-zinc-600 hover:bg-zinc-50 dark:text-zinc-400 hover:dark:text-zinc-200 hover:dark:bg-zinc-700/50 rounded-lg font-medium text-sm transition-all border border-zinc-300 dark:border-zinc-600">About</a>
       </div>
     </div>
   </nav>
@@ -50,13 +50,13 @@
   <div class="container mx-auto px-4 mt-12">
     <div class="flex flex-row justify-center items-center gap-4">
       <a href="https://discord.gg/SBaRyVDmFg" target="_blank" rel="noopener"
-        class="px-6 py-3 bg-zinc-100 hover:bg-zinc-50 text-zinc-700 hover:text-zinc-900 dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:text-white font-semibold text-sm rounded-lg shadow-md hover:shadow-lg dark:shadow-xl ring-1 ring-zinc-300 dark:ring-white/10 transition-colors inline-flex items-center space-x-2">
+        class="px-6 py-3 bg-zinc-100 hover:bg-zinc-50 text-zinc-600  dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:text-white dark:hover:text-white font-semibold text-sm rounded-lg shadow-md hover:shadow-lg dark:shadow-xl ring-1 ring-zinc-300 dark:ring-white/10 transition-colors inline-flex items-center space-x-2">
         <svg fill="currentColor" class="w-5 h-5">
           <use href="icons.svg#icon-discord"></use>
         </svg>
       </a>
       <a href="https://coder.github.io/balatrollm/strategies/" target="_blank" rel="noopener"
-        class="px-6 py-3 bg-zinc-100 hover:bg-zinc-50 text-zinc-700 hover:text-zinc-900 dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:text-white font-semibold text-sm rounded-lg shadow-md hover:shadow-lg dark:shadow-xl ring-1 ring-zinc-300 dark:ring-white/10 transition-colors inline-flex items-center space-x-2">
+        class="px-6 py-3 bg-zinc-100 hover:bg-zinc-50 text-zinc-600  dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:text-white dark:hover:text-white font-semibold text-sm rounded-lg shadow-md hover:shadow-lg dark:shadow-xl ring-1 ring-zinc-300 dark:ring-white/10 transition-colors inline-flex items-center space-x-2">
         <span>Contribute Your Strategy</span>
         <svg fill="currentColor" class="w-4 h-4">
           <use href="icons.svg#icon-arrow-top-right"></use>
@@ -75,21 +75,21 @@
           <tr class="border-b border-zinc-200 dark:border-zinc-600">
             <!-- Rank Section -->
             <th scope="col"
-              class="px-4 py-3 text-left text-sm font-semibold text-zinc-700 dark:text-zinc-300 border-r-2 border-zinc-300 dark:border-zinc-600">
+              class="px-4 py-3 text-left text-sm font-semibold text-zinc-600 dark:text-zinc-300 border-r-2 border-zinc-300 dark:border-zinc-600">
               #</th>
             <!-- Strategy Section -->
-            <th scope="col" class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300">
+            <th scope="col" class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300">
               Strategy</th>
             <th scope="col"
-              class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden xl:table-cell">
+              class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden xl:table-cell">
               Author</th>
             <!-- Stats Section -->
             <th scope="col" aria-label="Average final round"
-              class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 border-l-2 border-zinc-300 dark:border-zinc-600">
+              class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 border-l-2 border-zinc-300 dark:border-zinc-600">
               Round</th>
             <!-- Tool Calls Section -->
             <th scope="col" aria-label="Valid tool calls executable in state"
-              class="px-3 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
+              class="px-3 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden sm:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
               <div class="flex items-center justify-center space-x-1">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
                   class="w-4 h-4 text-green-600 dark:text-green-400">
@@ -107,7 +107,7 @@
               </div>
             </th>
             <th scope="col" aria-label="Valid tool calls not executable in state"
-              class="px-3 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell">
+              class="px-3 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden sm:table-cell">
               <div class="flex items-center justify-center space-x-1">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
                   class="w-4 h-4 text-yellow-500 dark:text-yellow-400">
@@ -125,7 +125,7 @@
               </div>
             </th>
             <th scope="col" aria-label="Responses without valid tool calls"
-              class="px-3 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden sm:table-cell">
+              class="px-3 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden sm:table-cell">
               <div class="flex items-center justify-center space-x-1">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
                   class="w-4 h-4 text-red-600 dark:text-red-400">
@@ -144,7 +144,7 @@
             </th>
             <!-- Tokens Section -->
             <th scope="col" aria-label="Average input tokens"
-              class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
+              class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden lg:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
               <div class="flex items-center justify-center space-x-1">
                 <span>In</span>
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -165,7 +165,7 @@
               </div>
             </th>
             <th scope="col" aria-label="Average output tokens"
-              class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden lg:table-cell">
+              class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden lg:table-cell">
               <div class="flex items-center justify-center space-x-1">
                 <span>Out</span>
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
@@ -187,7 +187,7 @@
             </th>
             <!-- Performance Section -->
             <th scope="col" aria-label="Average time per tool call"
-              class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden md:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
+              class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden md:table-cell border-l-2 border-zinc-300 dark:border-zinc-600">
               <div class="flex items-center justify-center space-x-1">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
                   <path fill-rule="evenodd"
@@ -206,7 +206,7 @@
               </div>
             </th>
             <th scope="col" aria-label="Average cost per tool call"
-              class="px-4 py-3 text-center text-sm font-semibold text-zinc-700 dark:text-zinc-300 hidden md:table-cell">
+              class="px-4 py-3 text-center text-sm font-semibold text-zinc-600 dark:text-zinc-300 hidden md:table-cell">
               <div class="flex items-center justify-center space-x-1">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
                   <path
@@ -237,7 +237,7 @@
     <!-- Version selector: autogenerated from manifest -->
     <div class="flex justify-center mt-8">
       <select id="version-select"
-        class="text-sm bg-transparent text-zinc-400 dark:text-zinc-500 border border-zinc-300 dark:border-zinc-600 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:text-zinc-700 dark:focus:text-zinc-200 appearance-none text-center font-mono">
+        class="text-sm bg-transparent text-zinc-400 dark:text-zinc-500 border border-zinc-300 dark:border-zinc-600 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:text-zinc-600 dark:focus:text-zinc-200 appearance-none text-center font-mono">
       </select>
     </div>
   </div>