diff --git a/pkg/web_css/lib/src/_base.scss b/pkg/web_css/lib/src/_base.scss
index 831b7b8c2d..32288bd0df 100644
--- a/pkg/web_css/lib/src/_base.scss
+++ b/pkg/web_css/lib/src/_base.scss
@@ -93,11 +93,6 @@ a {
   text-decoration: none;
   color: var(--pub-link-text-color);
   cursor: pointer;
-  opacity: 1;
-
-  &:hover {
-    opacity: 0.8;
-  }
 
   // TODO: fix style to not use bgColor as text and text color as background
   &.link-button {
@@ -106,6 +101,20 @@ a {
     display: inline-block;
     padding: 4px 12px;
   }
+
+  .light-theme & {
+    opacity: 1;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  .dark-theme & {
+    &:hover {
+      filter: brightness(120%);
+    }
+  }
 }
 
 main {