fix: only apply selectedColor when selected is true

theBGuy · theBGuy · commit 9f9fccdf739a · 2025-10-26T18:19:10.000-04:00
- fixes icons color mismatch with text
diff --git a/src/components/Chip/helpers.tsx b/src/components/Chip/helpers.tsx
@@ -274,14 +274,14 @@ const getRippleColor = ({
   });
 
   if (theme.isV3) {
-    if (isSelectedColor) {
+    if (isSelectedColor && selected) {
       return color(selectedColor).alpha(0.12).rgb().string();
     }
 
     return color(textColor).alpha(0.12).rgb().string();
   }
 
-  if (isSelectedColor) {
+  if (isSelectedColor && selected) {
     return color(selectedColor).fade(0.5).rgb().string();
   }
 

Original file line number	Diff line number	Diff line change
`@@ -274,14 +274,14 @@ const getRippleColor = ({`
`274`	`274`	`});`
`275`	`275`
`276`	`276`	`if (theme.isV3) {`
`277`		`- if (isSelectedColor) {`
	`277`	`+ if (isSelectedColor && selected) {`
`278`	`278`	`return color(selectedColor).alpha(0.12).rgb().string();`
`279`	`279`	`}`
`280`	`280`
`281`	`281`	`return color(textColor).alpha(0.12).rgb().string();`
`282`	`282`	`}`
`283`	`283`
`284`		`- if (isSelectedColor) {`
	`284`	`+ if (isSelectedColor && selected) {`
`285`	`285`	`return color(selectedColor).fade(0.5).rgb().string();`
`286`	`286`	`}`
`287`	`287`