diff --git a/packages/web/src/components/artist/ArtistChip.module.css b/packages/web/src/components/artist/ArtistChip.module.css index de8be8d8da..b24bdfb683 100644 --- 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 index 8293a24109..21a8452d3c 100644 --- 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 (