fix dark mode follows you (#1863)

Co-authored-by: Nikki Kang <kangaroo233@gmail.com>
AudiusProject · Sep 6, 2022 · 670e142 · 670e142
1 parent 3c2e178
commit 670e142
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/web/src/components/artist/ArtistChip.module.css b/packages/web/src/components/artist/ArtistChip.module.css
@@ -109,6 +109,13 @@
   color: var(--neutral-light-4);
 }
 
+.followersContainer .followsYou.darkMode {
+  box-shadow: none;
+  border: 1px solid var(--neutral-light-4);
+  color: var(--neutral-light-4);
+  background: none;
+}
+
 .tipContainer .rank {
   margin-right: 24px;
 }

diff --git a/packages/web/src/components/artist/ArtistChipFollowers.tsx b/packages/web/src/components/artist/ArtistChipFollowers.tsx
@@ -3,6 +3,7 @@ import cn from 'classnames'
 
 import { ReactComponent as IconUser } from 'assets/img/iconUser.svg'
 import FollowsYouBadge from 'components/user-badges/FollowsYouBadge'
+import { isDarkMode } from 'utils/theme/theme'
 
 import styles from './ArtistChip.module.css'
 
@@ -19,6 +20,7 @@ export const ArtistChipFollowers = ({
   followerCount,
   doesFollowCurrentUser
 }: ArtistChipFollowersProps) => {
+  const darkMode = isDarkMode()
   return (
     <div className={styles.followersContainer}>
       <div className={cn(styles.followers, 'followers')}>
@@ -31,7 +33,9 @@ export const ArtistChipFollowers = ({
         </span>
       </div>
       {doesFollowCurrentUser ? (
-        <FollowsYouBadge className={styles.followsYou} />
+        <FollowsYouBadge
+          className={cn(styles.followsYou, { [styles.darkMode]: darkMode })}
+        />
       ) : null}
     </div>
   )