Dark mode link hover: increase brightness instead lower opacity. (#8494)

dart-lang · Jan 29, 2025 · 7fc9704 · 7fc9704
1 parent abc47eb
commit 7fc9704
Showing 1 changed file with 14 additions and 5 deletions.
diff --git 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 {