From ff59644a98657d5e48dd976c5c4702b090895e26 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 6 May 2025 11:43:49 +0800
Subject: fix: external link icon visibility in dark scheme

Former-commit-id: 1145d45baa137d4baed6a3cded25b7451bd4c268
---
 assets/css/components/_footer.scss | 5 ++++-
 layouts/partials/footer.html       | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index e91cba14..f3e6bf80 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -43,7 +43,10 @@
                     width: auto;
                     display: inline-block;
                     border-radius: 100%;
-                    filter: grayscale(1)
+                    filter: grayscale(1);
+                    @media (prefers-color-scheme: dark) {
+                        filter: grayscale(1) invert(1);
+                    }
                 }
             }
 
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index a4648feb..c6b81138 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -24,7 +24,7 @@
         <ul class="footer-navigation">
             {{ range .Site.Params.footerExternalLinks }}
             <li><a href="{{ .link }}" title="{{ .name }}" target="_blank">
-                <img src="{{ .icon }}" class="invert-if-dark" />
+                <img src="{{ .icon }}" />
             </a></li>
             {{ end }}
         </ul>
-- 
cgit v1.2.3