From e9dc989506909bcd5cba5803d463674bb9a6cb7d Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Fri, 15 Dec 2023 17:07:15 +0330
Subject: [PATCH] fix: ensure icons adapt to theme changes with CSS

---
 .../src/client/components/Icon/Icon.tsx                  | 2 --
 .../src/client/components/Icon/style.module.scss         | 9 +++++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/Icon/Icon.tsx b/packages/logos-docusaurus-theme/src/client/components/Icon/Icon.tsx
index 782c58f..ea66134 100644
--- a/packages/logos-docusaurus-theme/src/client/components/Icon/Icon.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/Icon/Icon.tsx
@@ -48,13 +48,11 @@ type TProps = {
 
 export const Icon = (props: TProps): JSX.Element => {
   const { children, size = 'm' } = props
-  const { colorMode, setColorMode } = useColorMode()
 
   return (
     <div
       className={clsx(
         styles.icon,
-        colorMode === 'dark' ? styles.dark : styles.light,
         styles[size],
         props.stroke && styles.stroke,
         props.fill && styles.fill,
diff --git a/packages/logos-docusaurus-theme/src/client/components/Icon/style.module.scss b/packages/logos-docusaurus-theme/src/client/components/Icon/style.module.scss
index 0eb5a65..2f2e313 100644
--- a/packages/logos-docusaurus-theme/src/client/components/Icon/style.module.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/Icon/style.module.scss
@@ -15,8 +15,10 @@
       width: 40px;
     }
   }
+}
 
-  &.dark {
+[data-theme='dark'] {
+  .icon {
     &.fill {
       &,
       * {
@@ -30,7 +32,10 @@
       }
     }
   }
-  &.light {
+}
+
+[data-theme='light'] {
+  .icon {
     &.fill {
       &,
       * {