From dbb5906767b7a041968f3c9c844982072ede6412 Mon Sep 17 00:00:00 2001
From: Vincent Bernat <vincent@bernat.ch>
Date: Tue, 13 Apr 2021 09:25:27 +0200
Subject: [PATCH] Use an appropriate color for visited links on dark theme

The contrast between background and purple for visited links was too
low (1.69). Use a brighter purple for the dark theme (contrast 6.87).
---
 ui/static/css/common.css | 2 +-
 ui/static/css/dark.css   | 1 +
 ui/static/css/light.css  | 1 +
 ui/static/css/system.css | 2 ++
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/static/css/common.css b/ui/static/css/common.css
index a51597a5..5afce6cd 100644
--- a/ui/static/css/common.css
+++ b/ui/static/css/common.css
@@ -881,7 +881,7 @@ article.feed-parsing-error {
 }
 
 .entry-content a:visited {
-    color: purple;
+    color: var(--link-visited-color);
 }
 
 .entry-content dt {
diff --git a/ui/static/css/dark.css b/ui/static/css/dark.css
index 07b3c5b6..eff73aa5 100644
--- a/ui/static/css/dark.css
+++ b/ui/static/css/dark.css
@@ -7,6 +7,7 @@
     --link-color: #aaa;
     --link-focus-color: #ddd;
     --link-hover-color: #ddd;
+    --link-visited-color: #f083e4;
 
     --header-list-border-color: #333;
     --header-link-color: #ddd;
diff --git a/ui/static/css/light.css b/ui/static/css/light.css
index 6d858b38..7b5f58c4 100644
--- a/ui/static/css/light.css
+++ b/ui/static/css/light.css
@@ -7,6 +7,7 @@
     --link-color: #3366CC;
     --link-focus-color: red;
     --link-hover-color: #333;
+    --link-visited-color: purple;
 
     --header-list-border-color: #ddd;
     --header-link-color: #444;
diff --git a/ui/static/css/system.css b/ui/static/css/system.css
index 4f2486e7..60e33be0 100644
--- a/ui/static/css/system.css
+++ b/ui/static/css/system.css
@@ -7,6 +7,7 @@
     --link-color: #3366CC;
     --link-focus-color: red;
     --link-hover-color: #333;
+    --link-visited-color: purple;
 
     --header-list-border-color: #ddd;
     --header-link-color: #444;
@@ -114,6 +115,7 @@
         --link-color: #aaa;
         --link-focus-color: #ddd;
         --link-hover-color: #ddd;
+        --link-visited-color: #f083e4;
 
         --header-list-border-color: #333;
         --header-link-color: #ddd;