From 68138f0dcd8b3db2c23b31a20508726f245b5ba5 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 17 Jan 2022 17:13:51 +0100
Subject: feat: implement dark mode

---
 src/components/Widgets/Sharing/Sharing.module.scss         | 10 ++++++++++
 src/components/Widgets/SocialMedia/SocialMedia.module.scss | 10 ++++++++++
 src/components/Widgets/SocialMedia/SocialMedia.tsx         |  8 ++++----
 3 files changed, 24 insertions(+), 4 deletions(-)

(limited to 'src/components/Widgets')

diff --git a/src/components/Widgets/Sharing/Sharing.module.scss b/src/components/Widgets/Sharing/Sharing.module.scss
index c05a56b..ada3e2f 100644
--- a/src/components/Widgets/Sharing/Sharing.module.scss
+++ b/src/components/Widgets/Sharing/Sharing.module.scss
@@ -181,3 +181,13 @@
     }
   }
 }
+
+:global {
+  [data-theme="dark"] {
+    :local {
+      .link {
+        filter: brightness(0.85) contrast(1.1);
+      }
+    }
+  }
+}
diff --git a/src/components/Widgets/SocialMedia/SocialMedia.module.scss b/src/components/Widgets/SocialMedia/SocialMedia.module.scss
index 5dfdcb7..373cefb 100644
--- a/src/components/Widgets/SocialMedia/SocialMedia.module.scss
+++ b/src/components/Widgets/SocialMedia/SocialMedia.module.scss
@@ -46,3 +46,13 @@
     transform: scale(0.9);
   }
 }
+
+:global {
+  [data-theme="dark"] {
+    :local {
+      .icon {
+        filter: brightness(0.85) contrast(1.1);
+      }
+    }
+  }
+}
diff --git a/src/components/Widgets/SocialMedia/SocialMedia.tsx b/src/components/Widgets/SocialMedia/SocialMedia.tsx
index 351fd48..e4151fc 100644
--- a/src/components/Widgets/SocialMedia/SocialMedia.tsx
+++ b/src/components/Widgets/SocialMedia/SocialMedia.tsx
@@ -22,13 +22,13 @@ const SocialMedia = ({
   const getIcon = (id: string) => {
     switch (id) {
       case 'github':
-        return <GithubIcon />;
+        return <GithubIcon className={styles.icon} />;
       case 'gitlab':
-        return <GitlabIcon />;
+        return <GitlabIcon className={styles.icon} />;
       case 'linkedin':
-        return <LinkedInIcon />;
+        return <LinkedInIcon className={styles.icon} />;
       case 'twitter':
-        return <TwitterIcon />;
+        return <TwitterIcon className={styles.icon} />;
       default:
         break;
     }
-- 
cgit v1.2.3