fix(links): adopt visited link colors from Firefox (mdn#9961)

Ensures that visited links are readable in all browsers, including Safari.
gurezo · Nov 11, 2023 · f28c5ec · f28c5ec
1 parent 00f6ae9
commit f28c5ec
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -67,7 +67,7 @@
 
     &:visited:not([href^="#"]) {
       // Distinguish visited links (excl. anchor links).
-      color: revert;
+      color: var(--text-visited);
     }
 
     &:active,

diff --git a/client/src/ui/base/_themes.scss b/client/src/ui/base/_themes.scss
@@ -7,6 +7,7 @@
   --text-secondary: #{$mdn-theme-light-text-secondary};
   --text-inactive: #{$mdn-theme-light-text-inactive};
   --text-link: #{$mdn-theme-light-text-link};
+  --text-visited: #551a8b; // Source: https://searchfox.org/mozilla-central/rev/02841791400cf7cf5760c0cfaf31f5d772624253/modules/libpref/init/StaticPrefList.yaml#1787-1790
   --text-invert: #{$mdn-theme-light-text-invert};
 
   --background-primary: #{$mdn-theme-light-background-primary};
@@ -205,6 +206,7 @@
   --text-secondary: #{$mdn-theme-dark-text-secondary};
   --text-inactive: #{$mdn-theme-dark-text-inactive};
   --text-link: #{$mdn-theme-dark-text-link};
+  --text-visited: #ffadff; // Source: https://searchfox.org/mozilla-central/rev/02841791400cf7cf5760c0cfaf31f5d772624253/modules/libpref/init/StaticPrefList.yaml#1794-1797
   --text-invert: #{$mdn-theme-dark-text-invert};
 
   --background-primary: #{$mdn-theme-dark-background-primary};