fix(mantine): select asterisk color is too light (#3932)

coveo · Oct 21, 2024 · becce83 · becce83
1 parent 4beb51b
commit becce83
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/mantine/src/components/read-only/ReadOnlyInputStyles.ts b/packages/mantine/src/components/read-only/ReadOnlyInputStyles.ts
@@ -7,6 +7,9 @@ export const readOnlyInputStyles = (theme: MantineTheme) => ({
         '--input-color': theme.colors.gray[7],
         '--input-placeholder-color': theme.colors.gray[7],
     },
+    label: {
+        '--input-asterisk-color': theme.colors.red[2],
+    },
     input: {
         cursor: 'text',
     },

diff --git a/packages/mantine/src/theme/Theme.tsx b/packages/mantine/src/theme/Theme.tsx
@@ -206,7 +206,7 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             classNames: InputWrapperClasses,
             vars: (theme, props) => {
                 const anyProps = props as any;
-                if (anyProps.readOnly || anyProps.disabled) {
+                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {
                     return {
                         label: {'--input-asterisk-color': theme.colors.red[2]},
                         error: {},