diff --git a/themes/chameleon/source/css/chameleon.css b/themes/chameleon/source/css/chameleon.css
index bd530d1..85858fb 100644
--- a/themes/chameleon/source/css/chameleon.css
+++ b/themes/chameleon/source/css/chameleon.css
@@ -714,6 +714,13 @@ svg#share {
   fill: var(--link-underline);
 }
 
+/* use font color when hover */
+svg#search:hover,
+svg#link:hover,
+svg#share:hover {
+  fill: currentColor;
+}
+
 .article .article-entry a.headerlink svg,
 .article-title a.share-button svg {
   height: 0.75em;