diff --git a/index.html b/index.html
index 055b955..b697b1e 100644
--- a/index.html
+++ b/index.html
@@ -36,11 +36,11 @@
                     <img class="mx-auto h-24 w-auto block dark:hidden" src="images/wasp-black.avif" alt="Logo">
                     <img class="mx-auto h-24 w-auto hidden dark:block" src="images/wasp-light-grey.avif" alt="Logo">
                     <h2
-                        class="mt-8 text-center text-4xl font-bold leading-9 tracking-tight text-zinc-950 dark:text-zinc-200">
+                        class="mt-8 text-center text-4xl font-bold leading-9 tracking-tight text-zinc-950 dark:text-zinc-50">
                         RODRIGOOS
                     </h2>
                     <h2
-                        class="mt-2 text-center text-lg font-bold leading-9 tracking-tight text-zinc-500 dark:text-zinc-200">
+                        class="mt-2 text-center text-lg font-bold leading-9 tracking-tight text-zinc-500 dark:text-zinc-300">
                         Sign in to
                         your account</h2>
                 </div>
@@ -54,7 +54,7 @@
                             </label>
 
                             <input
-                                class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50"
+                                class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50 dark:focus:shadow-sky-500/50"
                                 id="email" name="email" type="email" autocomplete="email" required autofocus/>
                         </div>
                         <div class="relative flex-1 min-w-[200px]">
@@ -64,37 +64,37 @@
                             </label>
 
                             <input
-                                class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50"
+                                class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50 dark:focus:shadow-sky-500/50"
                                 id="password" name="password" type="password" autocomplete="current-password" required/>
                         </div>
                         <div>
                             <button type="submit"
-                                class="flex w-full justify-center rounded-md bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-cyan-600 dark:to-cyan-900 hover:bg-gradient-to-b focus:ring-4 focus:outline-none focus:ring-yellow-400 dark:focus:ring-cyan-500 px-3 py-1.5 text-sm font-semibold leading-6 text-zinc-950 dark:text-zinc-200 shadow-lg shadow-yellow-300/50 dark:shadow-cyan-700/50">Sign
+                                class="flex w-full justify-center rounded-md bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-sky-700 dark:to-sky-900 hover:bg-gradient-to-b focus:ring-4 focus:outline-none focus:ring-yellow-400 dark:focus:ring-sky-800 px-3 py-1.5 text-sm font-semibold leading-6 text-zinc-950 dark:text-zinc-200 shadow-lg shadow-yellow-300/50 dark:shadow-sky-800/50">Sign
                                 in</button>
                         </div>
                         <div class="text-sm text-center">
                             <a href="#"
-                                class="font-semibold text-yellow-700 hover:text-yellow-500 dark:text-cyan-400 dark:hover:text-cyan-300">Forgot
+                                class="font-semibold text-yellow-700 hover:text-yellow-500 dark:text-sky-400 dark:hover:text-sky-300">Forgot
                                 password?</a>
                         </div>
                     </form>
 
                     <div class="flex mt-10 space-x-6 justify-center text-zinc-950 dark:text-zinc-200">
                         <a href="https://www.instagram.com/rodrigoos.me/"
-                            class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
+                            class="icone hover:text-yellow-500 dark:hover:text-sky-300">
                             <i class="fa-brands fa-instagram"></i>
                             <span class="sr-only">Instagram page</span>
                         </a>
-                        <a href="#" class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
+                        <a href="#" class="icone hover:text-yellow-500 dark:hover:text-sky-300">
                             <i class="fa-brands fa-twitter"></i>
                             <span class="sr-only">Twitter page</span>
                         </a>
                         <a href="https://github.com/rodrigoos098"
-                            class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
+                            class="icone hover:text-yellow-500 dark:hover:text-sky-300">
                             <i class="fa-brands fa-github"></i>
                             <span class="sr-only">GitHub account</span>
                         </a>
-                        <a href="https://rodrigoos.me/" class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
+                        <a href="https://rodrigoos.me/" class="icone hover:text-yellow-500 dark:hover:text-sky-300">
                             <i class="fa-solid fa-earth-americas"></i>
                             <span class="sr-only">Website</span>
                         </a>
@@ -108,7 +108,7 @@
         </div>
     </main>
     <footer
-        class="min-h-[4%] bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-cyan-600 dark:to-cyan-900 flex items-center justify-center w-full">
+        class="min-h-[4%] bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-sky-700 dark:to-sky-900 flex items-center justify-center w-full">
         <span class="text-md text-black dark:text-zinc-200">© 2023&nbsp;<a href="https://rodrigoos.me/"
                 class="hover:underline">Rodrigoos</a>. All Rights Reserved.
         </span>