diff --git a/web/static/numerus.css b/web/static/numerus.css
index 7e45157..2777c9f 100644
--- a/web/static/numerus.css
+++ b/web/static/numerus.css
@@ -1,6 +1,6 @@
 /**
  * SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
- *
+ * SPDX-FileCopyrightText: 2023 Oriol Carbonell <info@oriolcarbonell.cat>
  * SPDX-License-Identifier: GPL-3.0-only
  */
 *, *::before, *::after {
@@ -539,10 +539,33 @@ ul[role="menu"].action-menu li i[class^='ri-'] {
     top: 100%;
 }
 
-#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a:hover {
-    background-color: var(--numerus--color--light-gray);
+/* menu tauler */
+
+#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a {
+  color: var(--numerus--text-color);
+  text-decoration: none;
+  transition: 0.25s ease;
 }
 
+#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a {
+  color: #ccc;
+}
+
+#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover {
+  color: var(--numerus--text-color);
+  text-decoration: underline;
+}
+
+
+#profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active {
+  color: var(--numerus--text-color);
+text-decoration: underline;
+}
+
+
+/* menu tauler final */
+
+
 main > nav {
     display: flex;
     justify-content: space-between;