diff --git a/_sass/_header.scss b/_sass/_header.scss
index 618e608..3ddc038 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -71,6 +71,9 @@ header {
         }
   	  }
   }
+  li a img {
+    filter: var(--invert-social-logo);
+  }
 }
 
 @media (max-width: 48rem) {
diff --git a/assets/js/theme.js b/assets/js/theme.js
index 043c5ec..ab09461 100644
--- a/assets/js/theme.js
+++ b/assets/js/theme.js
@@ -21,6 +21,7 @@ const LightTheme = {
   '--table-header-color': '#fefefe',
   '--shadow-color': 'rgba(0, 0, 0, 0.1)',
   '--invert-logo-color': 'invert(0)',
+  '--invert-social-logo': 'invert(0)',
   themeName: 'LightTheme'
 }
 
@@ -37,6 +38,7 @@ const NightTheme = {
   '--table-header-color': '#505050',
   '--shadow-color': 'rgba(255, 255, 255, 0.1)',
   '--invert-logo-color': 'invert(0)',
+  '--invert-social-logo': 'invert(100%)',
   themeName: 'NightTheme'
 }