add hovering background for links

diff --git a/static/gitweb-site.css b/static/gitweb-site.css
index b3ac5a4..5b1c2be 100644 (file)
--- a/static/gitweb-site.css
+++ b/static/gitweb-site.css
@@ -6,7 +6,10 @@
   --bg-color: rgb(255, 255, 235);
   --tasteful-olive-1: #B2D874;
   --tasteful-olive-2: #D9F0A2;
-  --tasteful-olive-3: #EDFBD8;
+  --tasteful-olive-3: #E6F9CA;
+
+  --tasteful-primrose-1: #A4004D;
+  --tasteful-primrose-2: rgba(255, 132, 189, 0.3);
 }
 
 html {
@@ -28,11 +31,15 @@ div.page_header a:visited,
 div.page_nav a,
 div.page_nav a:visited,
 a.header {
-  color: #a4004d;
+  color: var(--tasteful-primrose-1);
+
+  &:hover {
+    background-color: var(--tasteful-primrose-2);
+  }
 }
 
-a.list,
-a.title {
+a:is(.list, .title),
+a:is(.list, .title):is(:hover, :visited) {
   color: black;
 }
 
@@ -71,12 +78,15 @@ div.title_text {
 }
 
 div.title,
-a.title {
+a.title,
+a.title:visited {
   background: var(--tasteful-olive-2);
 }
 
-a.title:hover {
-  background: var(--tasteful-olive-1);
+div.header a.title, div.header a.title:visited {
+  &:hover {
+    background: var(--tasteful-olive-1);
+  }
 }
 
 tr.dark, table.blame .dark:hover {