diff --git a/templates/base.html b/templates/base.html
index 7b0217b..14d4967 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,7 +12,8 @@
 
 <!-- ######## HEADER ######## -->
 <header class="bg-white">
-  <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
+  
+  <nav class="mx-auto flex max-w-7xl items-center justify-between p-4 lg:px-8" aria-label="Global">
       <div class="flex lg:flex-1">
         <a href="/home" class="-m-1.5 p-1.5">
           <span class="sr-only">DishHub</span>
@@ -20,6 +21,8 @@
         </a>
         <p class="pl-4">{{current_user.nombre}} {{current_user.apellido}}</p>
       </div>
+
+      <a href="/home" class="text-sm pr-10 font-semibold leading-6 text-gray-900">Inicio</a>
       
     <div class="flex lg:hidden">
       <button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
@@ -40,11 +43,11 @@
           </svg>
         </button>
 
-        <div class=" absolute -left-8 top-full z-10 mt-3 w-screen max-w-md overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5">
+        <div class="absolute left-8 top-full z-10 mt-3 w-screen max-w-md overflow-hidden rounded-3xl bg-white shadow-lg  ring-gray-900/5">
           <div id="slides" class="hidden p-4">
             <div class="group relative flex items-center gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
               <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
-                <svg class="h-6 w-6 text-gray-600 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-6 w-6 text-gray-600 group-hover:text-[#CACC90]" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z" />
                   <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z" />
                 </svg>
@@ -59,7 +62,7 @@
             </div>
             <div class="group relative flex items-center gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
               <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
-                <svg class="h-6 w-6 text-gray-600 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-6 w-6 text-gray-600 group-hover:text-[#CACC90]" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59" />
                 </svg>
               </div>
@@ -73,7 +76,7 @@
             </div>
             <div class="group relative flex items-center gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
               <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
-                <svg class="h-6 w-6 text-gray-600 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-6 w-6 text-gray-600 group-hover:text-[#CACC90]" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33" />
                 </svg>
               </div>
@@ -103,7 +106,7 @@
             {% if current_user.rol == 'admin'%}
             <div class="group relative flex items-center gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
               <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
-                <svg class="h-6 w-6 text-gray-600 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-6 w-6 text-gray-600 group-hover:text-[#CACC90]" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z" />
                 </svg>
               </div>
@@ -119,7 +122,7 @@
             {% endif %}
             <div class="group relative flex items-center gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
               <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
-                <svg class="h-6 w-6 text-gray-600 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-6 w-6 text-gray-600 group-hover:text-[#CACC90]" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
                 </svg>
               </div>
@@ -136,7 +139,6 @@
         </div>
       </div>
     <!-- ## SLIDE HEADER ## -->
-      <a href="/home" class="text-sm font-semibold leading-6 text-gray-900">Inicio</a>
     </div>
     <div class="hidden lg:flex lg:flex-1 lg:justify-end">
       {% if current_user.is_authenticated %}
diff --git a/templates/colaboradores.html b/templates/colaboradores.html
index 23b35cc..9207b42 100644
--- a/templates/colaboradores.html
+++ b/templates/colaboradores.html
@@ -16,7 +16,7 @@ <h1 class="text-base font-semibold leading-6 text-gray-900">Colaboradores de {{
                     <p class="mt-2 text-sm text-gray-700">Aqui puedes ver todos los colaboradores:).</p>
                   </div>
                   <div id="closeColab" class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none">
-                    <button onclick="add_colab()" type="button" class="block rounded-md bg-indigo-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Agregar usuario</button>
+                    <button onclick="add_colab()" type="button" class="block rounded-md bg-[#CACC90] px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-[#75704E] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#CACC90]">Agregar usuario</button>
                   </div>
                 </div>
                 <div class="mt-8 flow-root">
@@ -69,7 +69,7 @@ <h1 class="text-base font-semibold leading-6 text-gray-900">Colaboradores de {{
                                                 <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                                                     <div>
                                                         <label for="username" class="block text-sm font-medium leading-6 text-gray-900">Agregar colaborador</label>
-                                                        <select id="username" name="username" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                                                        <select id="username" name="username" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-[#CACC90] sm:text-sm sm:leading-6">
                                                             <option value="sin_colaborador">Seleccione su colaborador de confianza:)</option>
                                                             {% for user in users %}
                                                             <option value="{{ user.username }}">{{ user.username }}</option>
@@ -84,10 +84,10 @@ <h1 class="text-base font-semibold leading-6 text-gray-900">Colaboradores de {{
                             </div>
                         </div>
                         <div class=" flex justify-end pt-2">
-                            <button type="submit" class="block rounded-md bg-indigo-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Agregar usuario</button>
+                            <button type="submit" class="block rounded-md bg-[#CACC90] px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-[#75704E] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#CACC90]">Agregar usuario</button>
                         </div>
                         <div class=" flex justify-end pt-2">
-                            <button onclick="add_colab()" type="button" class="block rounded-md bg-indigo-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Cancelar</button>
+                            <button onclick="add_colab()" type="button" class="block rounded-md bg-[#75704E] px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-[#CACC90] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#CACC90]">Cancelar</button>
                         </div>
                     </div>
                                     
diff --git a/templates/login.html b/templates/login.html
index 215c6a8..b1d7062 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -7,13 +7,19 @@
 
 <!-- ## LOGIN ## -->
 <div class="h-screen flex">
-  <div class="flex w-1/2 bg-gradient-to-tr from-blue-800 to-purple-700 i justify-around items-center">
-    <div>
-      <h1 class="text-white font-bold text-4xl font-sans">DishHub</h1>
-      <p class="text-white mt-1">La pagina mas popular para compartir tus recetas :)</p>
-      <a href="/register" class="block w-28 bg-white text-indigo-800 mt-4 py-2 rounded-2xl font-bold mb-2">Registrarse</a>
+  <div class="flex w-1/2 bg-gradient-to-tr from-blue-800 to-purple-700 i justify-around items-center" style="background-image: url('/static/fondo_login.jpg'); background-size: cover; background-position: center;">
+    <div class="bg-[#CACC90] bg-opacity-70 p-4 rounded-lg backdrop-filter backdrop-blur">
+      <h1 class="text-white font-bold drop-shadow-2xl text-4xl font-sans">DishHub</h1>
+      <p class="text-white mt-1">La página más popular para compartir tus recetas :)</p>
+      <div class="flex justify-end">
+        <a href="/register" class="block pl-3 w-28 bg-[#75704E] text-white mt-4 py-2 rounded-2xl font-bold mb-2">Registrarse</a>
+
+      </div>
     </div>
   </div>
+  
+  
+  
   <div class="flex w-1/2 justify-center items-center bg-white">
     <form class="bg-white" action="/login" method="POST" >
       <h1 class="text-gray-800 font-bold text-2xl mb-1">¡Hola de nuevo!</h1>
@@ -30,7 +36,10 @@ <h1 class="text-gray-800 font-bold text-2xl mb-1">¡Hola de nuevo!</h1>
         </svg>
         <input class="pl-2 outline-none border-none" type="password" name="password" id="password " placeholder="Contraseña" />
       </div>
-      <button type="submit" class="block w-full bg-indigo-600 mt-4 py-2 rounded-2xl text-white font-semibold mb-2">Iniciar sesion</button>
+      <button type="submit" class="block w-full mt-4 py-2 rounded-2xl text-white font-semibold mb-2 bg-[#CACC90] hover:bg-[#75704E]">
+        Iniciar sesión
+      </button>
+      
       <span class="text-sm ml-2 hover:text-blue-500 cursor-pointer">¿Te olvidaste pa tu contraseña?</span>
     
     </form>
diff --git a/templates/recipe.html b/templates/recipe.html
index 1d5d3d7..b1f7da5 100644
--- a/templates/recipe.html
+++ b/templates/recipe.html
@@ -62,7 +62,7 @@ <h3 class="sr-only">Description</h3>
           {% if current_user.is_authenticated %}
           {% if current_user.rol == 'admin' or receta.user_id == current_user.id or current_user.username in receta.colaboradores.split(',') %}
           <a href="/recipe_edit/{{receta.id}}">
-            <button type="submit" class="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full">Editar</button>
+            <button type="submit" class="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-[#CACC90] hover:bg-[#75704E] px-8 py-3 text-base font-medium text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full">Editar</button>
           </a>
           {% endif %}
           {% endif %}
@@ -270,9 +270,5 @@ <h3 class="font-medium text-gray-900">Chef Ramsey</h3>
   </div>
   <!-- ## TERMINA COMENTARIOSSS ## -->
 
-  <div class="aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-lg bg-gray-100 group-hover:opacity-75">
-    <img src="{{ receta.image_path }}" alt="Foto de la receta" class="object-cover w-full h-full">
-  </div>
-
 
 {% endblock %}
\ No newline at end of file
diff --git a/templates/recipe_edit.html b/templates/recipe_edit.html
index 466985f..93a8ebc 100644
--- a/templates/recipe_edit.html
+++ b/templates/recipe_edit.html
@@ -38,7 +38,7 @@
                     <div>
                         <label for="nombre_receta" class="block text-sm font-medium leading-6 text-gray-900">Nombre de la receta</label>
                         <div class="mt-2">
-                        <input type="text" name="nombre_receta" id="nombre_receta" value="{{receta.nombre_receta}}" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="Ej: chipaguazu." aria-describedby="email-description">
+                        <input type="text" name="nombre_receta" id="nombre_receta" value="{{receta.nombre_receta}}" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6" placeholder="Ej: chipaguazu." aria-describedby="email-description">
                         </div>
                         <p class="mt-2 text-sm text-gray-500" id="email-description">Se lo mas especifico que puedas :)</p>
                     </div>
@@ -49,7 +49,7 @@ <h3 class="sr-only">Descripcion de la receta</h3>
                         <div>
                             <label for="descripcion_receta" class="block text-sm font-medium leading-6 text-gray-900">Descripcion de tu receta</label>
                             <div class="mt-2">
-                                <textarea rows="4" name="descripcion_receta" id="descripcion_receta" value="" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">{{receta.descripcion_receta}}</textarea>
+                                <textarea rows="4" name="descripcion_receta" id="descripcion_receta" value="" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6">{{receta.descripcion_receta}}</textarea>
                             </div>
                         </div>
                     </div>
@@ -57,7 +57,7 @@ <h3 class="sr-only">Descripcion de la receta</h3>
                     <div>
                         <label for="privacidad" class="block text-sm font-medium leading-6 text-gray-900">Privacidad</label>
                         <div class="mt-2">
-                        <input type="text" name="privacidad" id="privacidad"  class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="privada o publica" aria-describedby="email-description">
+                        <input type="text" name="privacidad" id="privacidad"  class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6" placeholder="privada o publica" aria-describedby="email-description">
                         </div>
                         <p class="mt-2 text-sm text-gray-500" id="email-description">Decide si quieres hacer publica o privada tu receta! :)</p>
                     </div>
@@ -74,7 +74,7 @@ <h2 id="details-heading" class="sr-only">Detalles</h2>
                                         <div>
                                             <label for="ingredientes" class="block text-sm font-medium leading-6 text-gray-900">Ingresa los ingredientes</label>
                                             <div class="mt-2">
-                                            <textarea name="ingredientes" id="ingredientes" value='' class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">{{receta.ingredientes}}</textarea>
+                                            <textarea name="ingredientes" id="ingredientes" value='' class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6">{{receta.ingredientes}}</textarea>
                                             </div>
                                         </div>
 
@@ -82,7 +82,7 @@ <h2 id="details-heading" class="sr-only">Detalles</h2>
                                 </div>
                                 <div>
                                     <label for="colaborador" class="block text-sm font-medium leading-6 text-gray-900">Agregar colaborador</label>
-                                    <select id="colaborador" name="colaborador" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                                    <select id="colaborador" name="colaborador" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-[#CACC90] sm:text-sm sm:leading-6">
                                         <option value="sin_colaborador">Sin colaborador</option>
                                         {% for user in users %}
                                         <option value="{{ user.username }}">{{ user.username }}</option>
@@ -91,21 +91,21 @@ <h2 id="details-heading" class="sr-only">Detalles</h2>
                                 </div>
                                 <div class="flex justify-end pt-4">
                                     <a href="javascript:history.back()" class="pr-4 ">
-                                        <button type="button" class="pr-4 rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
+                                        <button type="button" class="pr-4 rounded-md bg-[#75704E] px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-[#CACC90] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
                                             Cancelar
                                         </button>                                        
                                     </a>
 
                                     <div class="pr-4">
-                                        <button type="submit" class="pr-4 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+                                        <button type="submit" class="pr-4 rounded-md bg-[#CACC90] px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-[#75704E] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#CACC90]">
                                             Guardar
                                         </button>
                                     </div>
                                         
                                 </div>
                                 <a onclick="check()" href="{{ url_for('recipe_del', receta_id=receta.id) }}" class="flex justify-end m-4">
-                                    <button type="button" class="rounded-md bg-red-700 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
-                                        ELIMINAR
+                                    <button type="button" class="rounded-md bg-red-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
+                                        Eliminar
                                     </button>
                                 </a>
                             </div>
diff --git a/templates/recipe_new.html b/templates/recipe_new.html
index f2ddf36..47cac12 100644
--- a/templates/recipe_new.html
+++ b/templates/recipe_new.html
@@ -31,7 +31,7 @@
                     <div>
                         <label for="nombre_receta" class="block text-sm font-medium leading-6 text-gray-900">Nombre de la receta</label>
                         <div class="mt-2">
-                        <input type="text" name="nombre_receta" id="nombre_receta" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="Ej: chipaguazu." aria-describedby="email-description">
+                        <input type="text" name="nombre_receta" id="nombre_receta" class="pl-4 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-[#CACC90] placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6" placeholder="Ej: chipaguazu." aria-describedby="email-description">
                         </div>
                         <p class="mt-2 text-sm text-gray-500" id="email-description">Se lo mas especifico que puedas :)</p>
                     </div>
@@ -42,7 +42,7 @@ <h3 class="sr-only">Descripcion de la receta</h3>
                         <div>
                             <label for="descripcion_receta" class="block text-sm font-medium leading-6 text-gray-900">Descripcion de tu receta</label>
                             <div class="mt-2">
-                                <textarea requirde rows="4" name="descripcion_receta" id="descripcion_receta" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"></textarea>
+                                <textarea requirde rows="4" name="descripcion_receta" id="descripcion_receta" class="block w-full rounded-md border-0 py-1.5 pl-4 text-gray-900 shadow-sm ring-1 ring-inset ring-[#CACC90] placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6"></textarea>
                             </div>
                         </div>
                     </div>
@@ -59,7 +59,7 @@ <h2 id="details-heading" class="sr-only">Additional details</h2>
                                         <div>
                                             <label for="ingredientes" class="block text-sm font-medium leading-6 text-gray-900">Ingresa los ingredientes</label>
                                             <div class="mt-2">
-                                            <textarea requirde rows="4" name="ingredientes" id="ingredientes" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"></textarea>
+                                            <textarea requirde rows="4" name="ingredientes" id="ingredientes" class="block w-full rounded-md border-0 py-1.5 pl-4 text-gray-900 shadow-sm ring-1 ring-inset ring-[#CACC90] placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6"></textarea>
                                             </div>
                                         </div>
     
@@ -68,7 +68,7 @@ <h2 id="details-heading" class="sr-only">Additional details</h2>
 
                                 <div>
                                     <label for="colaborador" class="block text-sm font-medium leading-6 text-gray-900">Agregar colaborador</label>
-                                    <select id="colaborador" name="colaborador" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                                    <select id="colaborador" name="colaborador" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-[#CACC90] focus:ring-2 focus:ring-[#CACC90] sm:text-sm sm:leading-6">
                                         <option value="sin_colaborador">Sin colaborador</option>
                                         {% for user in users %}
                                         <option value="{{ user.username }}">{{ user.username }}</option>
@@ -76,13 +76,13 @@ <h2 id="details-heading" class="sr-only">Additional details</h2>
                                     </select>
                                 </div>
   
-                                <div class="flex justify-end">
+                                <div class="flex justify-end mt-5">
                                     <a href="javascript:history.back()">
-                                        <button type="button" class="rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
+                                        <button type="button" class="mr-3 rounded-md bg-[#75704E] hover:bg-[#CACC90] px-3 py-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
                                             Cancelar
                                         </button>
                                     </a>
-                                    <button type="submit" class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+                                    <button type="submit" class="rounded-md bg-[#CACC90] hover:bg-[#75704E] px-3 py-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#CACC90]">
                                         Guardar
                                     </button>
                                     
diff --git a/templates/register.html b/templates/register.html
index bea8609..f4b2a7a 100644
--- a/templates/register.html
+++ b/templates/register.html
@@ -6,17 +6,14 @@
 
 <!-- ## LOGIN ## -->
 <div class="h-screen md:flex">
-	<div class="relative overflow-hidden md:flex w-1/2 bg-gradient-to-tr from-blue-800 to-purple-700 i justify-around items-center hidden">
+	<div class="relative overflow-hidden md:flex w-1/2 bg-gradient-to-tr from-blue-800 to-purple-700 i justify-around items-center hidden" style="background-color: #75704E; background-image: linear-gradient(to bottom, #CACC90, #75704E);">
 		<div>
-			<h1 class="text-white font-bold text-4xl font-sans">DishHub</h1>
-			<p class="text-white mt-1">La pagina mas popular para compartir tus recetas :)</p>
-			<button type="submit" class="block w-28 bg-white text-indigo-800 mt-4 py-2 rounded-2xl font-bold mb-2">Ver mas</button>
+		  <h1 class="text-white font-bold text-4xl font-sans">DishHub</h1>
+		  <p class="text-white mt-1">La página más popular para compartir tus recetas :)</p>
+		  <button type="submit" class="block w-28 bg-white text-indigo-800 mt-4 py-2 rounded-2xl font-bold mb-2">Ver más</button>
 		</div>
-		<div class="absolute -bottom-32 -left-40 w-80 h-80 border-4 rounded-full border-opacity-30 border-t-8"></div>
-		<div class="absolute -bottom-40 -left-20 w-80 h-80 border-4 rounded-full border-opacity-30 border-t-8"></div>
-		<div class="absolute -top-40 -right-0 w-80 h-80 border-4 rounded-full border-opacity-30 border-t-8"></div>
-		<div class="absolute -top-20 -right-20 w-80 h-80 border-4 rounded-full border-opacity-30 border-t-8"></div>
-	</div>
+	  </div>
+	  
 	<div class="flex md:w-1/2 justify-center py-10 items-center bg-white">
 		
 		<form class="bg-white" action="/register" method="POST">
@@ -65,8 +62,11 @@ <h1 class="text-gray-800 font-bold text-2xl mb-1">Hola de nuevo,</h1>
                 <input required class="pl-2 outline-none border-none" type="password" id="password1" name="password1" placeholder="Constraseña" />
                 <input required class="pl-2 outline-none border-none" type="password" id="password2" name="password2" placeholder="Confirmacion de constraseña" />
             </div>
-            <button type="submit" class="block w-full bg-indigo-600 mt-4 py-2 rounded-2xl text-white font-semibold mb-2">Registrarse</button>
-            <a href="/login">
+			<button type="submit" class="block w-full bg-[#CACC90] hover:bg-[#75704E] mt-4 py-2 rounded-2xl text-white font-semibold mb-2">
+				Registrarse
+			</button>
+			  
+			<a href="/login">
 				<span class="text-sm ml-2 hover:text-blue-500 cursor-pointer">Ya tene tu cuenta wacho?</span>
 			</a>
 		</form>
diff --git a/templates/user_edit.html b/templates/user_edit.html
index d58e2c8..0574fdf 100644
--- a/templates/user_edit.html
+++ b/templates/user_edit.html
@@ -38,26 +38,26 @@ <h1 class="text-base font-semibold leading-6 text-gray-900">Editor</h1>
                                             <td class="pl-2 pt-2 pb-2">
                                                 <div>
                                                     <label for="nombre" class="sr-only">Nombre</label>
-                                                    <input type="text" name="nombre" id="nombre" value="{{user.nombre}}" class="block w-full pl-2 rounded-md border-0 py-1.5 pl-2s text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="you@example.com">
+                                                    <input type="text" name="nombre" id="nombre" value="{{user.nombre}}" class="block w-full pl-2 rounded-md border-0 py-1.5 pl-2s text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6" placeholder="you@example.com">
                                                 </div>
                                             </td>
                                             <td class="pl-2 pt-2 pb-2">
                                                 <div>
                                                     <label for="apellido" class="sr-only">Apellido</label>
-                                                    <input type="text" name="apellido" id="apellido" value="{{user.apellido}}" class="block w-full pl-2 rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="you@example.com">
+                                                    <input type="text" name="apellido" id="apellido" value="{{user.apellido}}" class="block w-full pl-2 rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6" placeholder="you@example.com">
                                                 </div>
                                             </td>
 
                                             <td class="pl-2 pt-2 pb-2">
                                                 <div>
                                                     <label for="username" class="sr-only">Username</label>
-                                                    <input type="text" name="username" id="username" value="{{user.username}}" class="block w-full pl-2 rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="you@example.com">
+                                                    <input type="text" name="username" id="username" value="{{user.username}}" class="block w-full pl-2 rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6" placeholder="you@example.com">
                                                 </div>
                                             </td>
 
                                             <td class="pl-2 pr-4 pt-2 pb-2">
                                                 <div>
-                                                    <select id="rol" name="rol" class="block w-full pl-2 rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                                                    <select id="rol" name="rol" class="block w-full pl-2 rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-[#CACC90] sm:text-sm sm:leading-6">
                                                         <option value="gastronomo" {% if user.rol == "gastronomo" %}selected{% endif %}>Gastronomo</option>
                                                         <option value="admin" {% if user.rol == "admin" %}selected{% endif %}>Admin</option>
                                                     </select>
@@ -73,20 +73,20 @@ <h1 class="text-base font-semibold leading-6 text-gray-900">Editor</h1>
                         </div>
                         <div class="flex justify-end pt-4">
                             <a href="javascript:history.back()" class="pr-4 ">
-                                <button type="button" class="pr-4 rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
+                                <button type="button" class="pr-4 rounded-md bg-[#75704E] px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-[#CACC90] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
                                     Cancelar
                                 </button>                                        
                             </a>
 
                             <div class="pr-4">
-                                <button type="submit" class="pr-4 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+                                <button type="submit" class="pr-4 rounded-md bg-[#CACC90] px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-[#75704E] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#CACC90]">
                                     Guardar
                                 </button>
                             </div>
                                 
                         </div>
                         <a onclick="check()" href="{{ url_for('user_del', id=user.id) }}" class="flex justify-end m-4">
-                            <button type="button" class="rounded-md bg-red-700 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
+                            <button type="button" class="rounded-md bg-red-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
                                 Eliminar
                             </button>
                         </a>
diff --git a/templates/your_recipes.html b/templates/your_recipes.html
index 4e12e03..3097010 100644
--- a/templates/your_recipes.html
+++ b/templates/your_recipes.html
@@ -22,7 +22,7 @@ <h3 class="mt-4 font-medium text-gray-900">{{receta.nombre_receta}}</h3>
                 {% if current_user.is_authenticated %}
                 {% if current_user.rol == 'admin' or receta.user_id == current_user.id or current_user.username in receta.colaboradores.split(',') %}
                 <a href="/recipe_edit/{{receta.id}}">
-                    <button type="button" class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Edit</button>
+                    <button type="button" class="rounded-md bg-[#CACC90] hover:bg-[#75704E] px-3 py-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Edit</button>
                 </a>    
                 {% endif %}
                 {% endif %}