diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 66408700..3849e17d 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -92,6 +92,10 @@ $sizes: (
 
   a.black {
     color: $white;
+
+    &:active {
+      color: var(--color);
+    }
   }
 }
 
@@ -153,6 +157,8 @@ a {
   }
 }
 
+
+
 $footer-height: 60px;
 
 /* Colores */
@@ -541,6 +547,7 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
       color: var(--#{$color});
     }
 
+
     ::-moz-selection,
     ::selection {
       background: var(--#{$color});
@@ -565,6 +572,7 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
     a {
       color: var(--#{$color});
     }
+
   }
 }
 
@@ -639,4 +647,14 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
 
 hr {
   border-bottom: 1px solid #dee2e6;
-} 
\ No newline at end of file
+}
+
+a.black {
+  &:active {
+    color: var(--color);
+  }
+  &:focus {
+    color: var(--color);
+  }
+}
+
diff --git a/app/assets/stylesheets/dark.scss b/app/assets/stylesheets/dark.scss
index 4988fdb0..a04360f9 100644
--- a/app/assets/stylesheets/dark.scss
+++ b/app/assets/stylesheets/dark.scss
@@ -33,6 +33,15 @@ $cyan: #13fefe;
 
 a.black {
   color: $white;
+  &:hover {
+    color: var(--color);
+  }
+  &:active {
+    color: var(--color);
+  }
+  &:focus {
+    color: var(--color);
+  }
 }