Update README.md

README.md

@@ -26,24 +26,24 @@ language:
 - uk
 pipeline_tag: text-to-speech
 ---
-<div class="p-4 bg-gray-50 rounded-lg shadow-sm mb-12">
+<div class="p-4 bg-gray-50 dark:bg-gray-800 rounded-lg shadow-sm mb-12">
   <div class="text-center mb-4">
-    <h2 class="text-xl font-light text-gray-900 tracking-tight mt-0 mb-0">Oute A I</h2>
+    <h2 class="text-xl font-light text-gray-900 dark:text-white tracking-tight mt-0 mb-0">Oute A I</h2>
     <div class="flex justify-center gap-6 mt-4">
-      <a href="https://www.outeai.com/" target="_blank" class="flex items-center gap-1 text-gray-700 text-m font-medium hover:text-gray-900 transition-colors underline">
+      <a href="https://www.outeai.com/" target="_blank" class="flex items-center gap-1 text-gray-700 dark:text-gray-300 text-m font-medium hover:text-gray-900 dark:hover:text-white transition-colors underline">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
           <circle cx="12" cy="12" r="10"></circle>
           <path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
         </svg>
         outeai.com
       </a>
-      <a href="https://discord.gg/vyBM87kAmf" target="_blank" class="flex items-center gap-1 text-gray-700 text-m font-medium hover:text-gray-900 transition-colors underline">
+      <a href="https://discord.gg/vyBM87kAmf" target="_blank" class="flex items-center gap-1 text-gray-700 dark:text-gray-300 text-m font-medium hover:text-gray-900 dark:hover:text-white transition-colors underline">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
           <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
         </svg>
         Discord
       </a>
-      <a href="https://x.com/OuteAI" target="_blank" class="flex items-center gap-1 text-gray-700 text-m font-medium hover:text-gray-900 transition-colors underline">
+      <a href="https://x.com/OuteAI" target="_blank" class="flex items-center gap-1 text-gray-700 dark:text-gray-300 text-m font-medium hover:text-gray-900 dark:hover:text-white transition-colors underline">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
           <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
         </svg>
@@ -51,12 +51,12 @@ pipeline_tag: text-to-speech
       </a>
     </div>
   </div>
-  
+
   <div class="grid grid-cols-2 sm:grid-cols-2 gap-3">
-    <a href="https://huggingface.co/OuteAI/Llama-OuteTTS-1.0-1B" target="_blank" class="bg-white text-gray-800 text-sm font-medium py-2 px-3 rounded-md text-center hover:bg-gray-100 hover:border-gray-300 border border-transparent transition-all">
+    <a href="https://huggingface.co/OuteAI/Llama-OuteTTS-1.0-1B" target="_blank" class="bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-100 text-sm font-medium py-2 px-3 rounded-md text-center hover:bg-gray-100 dark:hover:bg-gray-600 hover:border-gray-300 dark:hover:border-gray-500 border border-transparent transition-all">
       Llama OuteTTS 1.0 1B
     </a>
-    <a href="https://huggingface.co/OuteAI/Llama-OuteTTS-1.0-1B-GGUF" target="_blank" class="bg-white text-gray-800 text-sm font-medium py-2 px-3 rounded-md text-center hover:bg-gray-100 hover:border-gray-300 border border-transparent transition-all">
+    <a href="https://huggingface.co/OuteAI/Llama-OuteTTS-1.0-1B-GGUF" target="_blank" class="bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-100 text-sm font-medium py-2 px-3 rounded-md text-center hover:bg-gray-100 dark:hover:bg-gray-600 hover:border-gray-300 dark:hover:border-gray-500 border border-transparent transition-all">
       Llama OuteTTS 1.0 1B GGUF
     </a>
   </div>