diff options
| -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> |