diff options
| author | Eltrac <hi@guhub.cn> | 2025-05-06 11:43:49 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-05-06 11:43:49 +0800 |
| commit | 1145d45baa137d4baed6a3cded25b7451bd4c268 (patch) | |
| tree | 3476d5a0a4a634759c2c32e5d99f73c3bb862810 | |
| parent | c303303ecaf388037e98f48faa5a6c94fb9106a6 (diff) | |
fix: external link icon visibility in dark scheme
| -rw-r--r-- | assets/css/components/_footer.scss | 5 | ||||
| -rw-r--r-- | 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> |