💄 style: default light mode

sass/parts/_footer.scss

@@ -40,10 +40,18 @@ footer {
       width: 32px;
       height: 32px;
       padding: 18px;
+      filter: invert(0);
+    }
+
+.social {
+  &:hover {
+    &>img {
       filter: invert(1);
     }
-    
-[data-theme="light"] {
+  }
+}
+
+[data-theme="dark"] {
   .social {
     &:hover {
       &>img {
@@ -52,7 +60,7 @@ footer {
     }
 
     &>img {
-      filter: none;
+      filter: invert(1);
     }
   }
 }

sass/parts/_theme-switch.scss

@@ -23,20 +23,20 @@
       border: none;
     }
     .sun {
-      opacity: 1;
+      opacity: 0;
     }
     .moon {
-      opacity: 0;
+      opacity: 1;
     }
   }
   input {
     display: none;
     &:checked + .switch {
       .sun {
-        opacity: 0;
+        opacity: 1;
       }
       .moon {
-        opacity: 1;
+        opacity: 0;
       }
     }
   }