🐛 fix: improve dark mode and OS theme handling (#380)

2024-09-12 22:57:46 +02:00
parent 1b11f4b321
commit 35dcf55019
17 changed files with 360 additions and 175 deletions
--- a/sass/parts/_footer.scss
+++ b/sass/parts/_footer.scss
@@ -66,7 +66,7 @@ footer nav {
    }
 }

-[data-theme="dark"] {
+@mixin dark-theme-social {
    .social {
        &:hover {
            & > img {
@@ -79,3 +79,13 @@ footer nav {
        }
    }
 }
+
+[data-theme="dark"] {
+    @include dark-theme-social;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+        @include dark-theme-social;
+    }
+}