render/index.js

@@ -245,7 +245,10 @@ function buildData(table, images, data, sort, filter, exact_match) {
 	};
 
 	for (let tr of document.querySelectorAll("table tr")) {
-		tr.addEventListener("click", function() {
+		tr.addEventListener("click", function(event) {
+			this.parentElement.querySelector("tr.active")?.classList.toggle("active");
+			event.stopPropagation();
+			this.classList.toggle("active");
 			this.querySelector("a").click();
 		});
 	}

render/theme-dark.css

@@ -21,10 +21,11 @@ table {
 	border: #e100ca 1px solid;
 	border-radius: 6px;
 }
-table tr:hover {
-	background: oklch(76.47% 0.279 334.17);
+table tr:hover,
+table tr.active {
 	background: #512649;
 }
+
 th {
 	/*background: oklch(62.5% 0.291 308.12);*/
 	background: linear-gradient(0deg,#b540ff,cornflowerblue);

render/theme-light.css

@@ -16,18 +16,25 @@ body {
 }
 
 table {
-	color: #eb4300;
+	color: #6e1f00;
 	border: #ffa6f6 1px solid;
 	border-radius: 6px;
 }
+table tr:hover,
+table tr.active {
+	background: #ffc3c3;
+}
 th {
 	background: oklch(62.5% 0.291 308.12);
 	background: linear-gradient(0deg,#d99dff,#c4d7f9);
 /*	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);*/
 }
+
+
+
 a, a:visited {
-	color: #e100ca;
-	color: oklch(62.5% 0.291 334.06);
+	color: #9c008b;
+	color: oklch(0.47 0.22 334.15);
 }
 
 :root {