Make active filter buttons yellow(ish) instead of red.

humdrum-tools · Jun 2, 2024 · 38ed7f1 · 38ed7f1
1 parent 45a71a9
commit 38ed7f1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/_includes/vhv-scripts/menu/makeFilterIcon.js b/_includes/vhv-scripts/menu/makeFilterIcon.js
@@ -33,7 +33,7 @@ function makeFilterIcon(filterList, title) {
 
 	let highlight = "";
 	if ((filterText !== "") && (filterText === string)) {
-		highlight = "highlight";
+		highlight = "highlight-filter-button";
 	}
 
 	output += `<span title="${title}" `;

diff --git a/styles/styles.css b/styles/styles.css
@@ -394,6 +394,14 @@ span.info {
 	padding-left: 20px;
 }
 
+.highlight-filter-button, .highlight-filter-button span {
+	color: #cc0;
+	fill: #cc0;
+	stroke: #cc0;
+	opacity: 1.0;
+	filter: url(#highlight-shadow);
+}
+
 
 .highlight {
 	color: #c00;