server/static/index.html

@@ -78,31 +78,33 @@
             </details>
             <br />
             <!-- Main Links -->
+            <small>
                 <div class="main-links">
                     <a
                         href="https://github.com/umutcamliyurt/Amnezichat"
                         target="_blank"
-                    class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
+                        class="text-blue-300 hover:text-blue-400 transition duration-300"
                         >Source Code</a
                     >
                     <a
                         href="http://aqfyl6g24k44oyes3n35nrnlhdfvdwfvi4a7umjalu4dcstuzkxft4id.onion"
                         target="_blank"
-                    class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
+                        class="text-blue-300 hover:text-blue-400 transition duration-300"
                         >Onionsite</a
                     >
                     <a
                         href="http://epmrgx35crapamcxlpggowr7vg3fbxosmkow66konjomn4nlphda.b32.i2p"
                         target="_blank"
-                    class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
+                        class="text-blue-300 hover:text-blue-400 transition duration-300"
                         >Eepsite</a
                     >
                     <a
                         href="https://github.com/umutcamliyurt/Amnezichat?tab=readme-ov-file#donate-to-support-development-of-this-project"
-                    class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
+                        class="text-blue-300 hover:text-blue-400 transition duration-300"
                         >Donate Monero</a
                     >
                 </div>
+            </small>
         </div>
 
         <div

server/static/styles.css

@@ -409,6 +409,9 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .text-blue-300 {
+    color: var(--color-blue-300);
+  }
   .text-gray-500 {
     color: var(--color-gray-500);
   }
@@ -521,6 +524,13 @@
       }
     }
   }
+  .hover\:text-blue-400 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-blue-400);
+      }
+    }
+  }
 }
 @property --tw-rotate-x {
   syntax: "*";