💄 style: default light mode

2023-02-10 02:15:05 +01:00
parent 2cfb57e758
commit 722d493a9a
6 changed files with 49 additions and 42 deletions
--- a/sass/parts/_footer.scss
+++ b/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);
    }
  }
 }
--- a/sass/parts/_theme-switch.scss
+++ b/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;
      }
    }
  }