feat(Chip): Adjust ghost style

JF-Cozy · JF-Cozy · commit 02758c21186f · 2026-04-14T15:37:21.000+02:00
diff --git a/react/MuiCozyTheme/helpers.js b/react/MuiCozyTheme/helpers.js
@@ -111,28 +111,19 @@ export const makeChipStyleByColor = (theme, color) => ({
   },
   '&.ghost': {
     borderWidth: '1px',
-    borderStyle: 'dashed',
-    '&:not($disabled)': {
+    color: theme.palette[color].main,
+    borderColor: alpha(theme.palette[color].main, 0),
+    backgroundColor: alpha(
+      theme.palette[color].main,
+      theme.palette.action.ghostOpacity
+    ),
+    '& $icon, & $deleteIcon': {
       color: theme.palette[color].main,
-      borderColor: alpha(
-        theme.palette[color].main,
-        theme.palette.border.ghostOpacity
-      ),
-      backgroundColor: alpha(
-        theme.palette[color].main,
-        theme.palette.action.ghostOpacity
-      ),
-      '& $icon, & $deleteIcon': {
-        color: theme.palette[color].main,
-        fill: theme.palette[color].main
-      }
+      fill: theme.palette[color].main
     },
     '&$clickable, &$deletable': {
       '&:hover, &:focus': {
-        borderColor: alpha(
-          theme.palette[color].main,
-          theme.palette.border.ghostOpacity
-        ),
+        borderColor: alpha(theme.palette[color].main, 0),
         backgroundColor: alpha(
           theme.palette[color].main,
           theme.palette.action.hoverGhostOpacity
