diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 539857ff701c28971a95da4a74ff04717fe011fc..dc50c82ece160d5d752890762becbcd76665453a 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -3,7 +3,10 @@
     <ul class="row menu">
       <li class="col-xs-12 col-md-2">
         <a href="{{ if .Site.LanguagePrefix }}{{ .Site.LanguagePrefix }}{{ else }}/{{ end }}">
-          <img class="img-responsive header-icon" src="/img/icon.png" width="128" height="128" alt="Redox Logo"/>
+            <picture>
+                <source srcset="/img/icon-dark.png" media="(prefers-color-scheme: dark)"/>
+                <img src="/img/icon.png" width="128" height="128" alt="Redox Logo"/>
+            </picture>
         </a>
       </li>
       <li class="col-xs-12 col-md-10 menu">
diff --git a/static/css/style.css b/static/css/style.css
index 803367e4ef825d00a72870863cd98a075554e0ec..a23b8fbe382202ac9b1424ae30d1b3817acccf96 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -6,9 +6,6 @@
     a {
         color: #5fafff;
     }
-    .header-icon {
-        filter: invert(1);
-    }
 }
 
 @font-face {
diff --git a/static/img/icon-dark.png b/static/img/icon-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..76ca86c7956361c5ec399e73d0b648ac4b2b4329
Binary files /dev/null and b/static/img/icon-dark.png differ