Bladeren bron

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).
Vincent Bernat 5 jaren geleden
bovenliggende
commit
dbb5906767
4 gewijzigde bestanden met toevoegingen van 5 en 1 verwijderingen
  1. 1 1
      ui/static/css/common.css
  2. 1 0
      ui/static/css/dark.css
  3. 1 0
      ui/static/css/light.css
  4. 2 0
      ui/static/css/system.css

+ 1 - 1
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 {

+ 1 - 0
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;

+ 1 - 0
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;

+ 2 - 0
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;