diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 67fd69cf..51a78793 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -52,8 +52,13 @@ $sizes: (
     --background: #{$black};
     --color: #{$cyan};
   }
+
   a.black {
     color: $white;
+
+    &:active {
+      color: var(--color);
+    }
   }
 }
 
@@ -111,6 +116,8 @@ a {
   }
 }
 
+
+
 $footer-height: 60px;
 
 /* Colores */
@@ -495,6 +502,7 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
       color: var(--#{$color});
     }
 
+
     ::-moz-selection,
     ::selection {
       background: var(--#{$color});
@@ -519,6 +527,7 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
     a {
       color: var(--#{$color});
     }
+
   }
 }
 
@@ -594,3 +603,13 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
 hr {
   border-bottom: 1px solid #dee2e6;
 }
+
+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);
+  }
 }