diff --git a/packages/themes/src/presets/material/checkbox/index.js b/packages/themes/src/presets/material/checkbox/index.js index 13156571a..932686b10 100644 --- a/packages/themes/src/presets/material/checkbox/index.js +++ b/packages/themes/src/presets/material/checkbox/index.js @@ -8,6 +8,9 @@ export default { checkedHoverBackground: '{primary.color}', disabledBackground: '{form.field.disabled.background}', filledBackground: '{form.field.filled.background}', + borderColor: '{form.field.border.color}', + hoverBorderColor: '{form.field.hover.border.color}', + focusBorderColor: '{form.field.focus.border.color}', checkedBorderColor: '{primary.color}', checkedHoverBorderColor: '{primary.color}', checkedFocusBorderColor: '{primary.color}', @@ -30,14 +33,6 @@ export default { checkedHoverColor: '{primary.contrast.color}', disabledColor: '{form.field.disabled.color}' }, - colorScheme: { - light: { - borderColor: '{surface.600}', - hoverBorderColor: '{surface.900}', - focusBorderColor: '{surface.900}' - }, - dark: {} - }, style: ({ dt }) => ` .p-checkbox { border-radius: 50%; diff --git a/packages/themes/src/presets/material/radiobutton/index.js b/packages/themes/src/presets/material/radiobutton/index.js index 68b77d8b0..b8e6a6e65 100644 --- a/packages/themes/src/presets/material/radiobutton/index.js +++ b/packages/themes/src/presets/material/radiobutton/index.js @@ -7,6 +7,9 @@ export default { checkedHoverBackground: '{primary.contrast.color}', disabledBackground: '{form.field.disabled.background}', filledBackground: '{form.field.filled.background}', + borderColor: '{form.field.border.color}', + hoverBorderColor: '{form.field.hover.border.color}', + focusBorderColor: '{form.field.focus.border.color}', checkedBorderColor: '{primary.color}', checkedHoverBorderColor: '{primary.color}', checkedFocusBorderColor: '{primary.color}', @@ -28,14 +31,6 @@ export default { checkedHoverColor: '{primary.color}', disabledColor: '{form.field.disabled.color}' }, - colorScheme: { - light: { - borderColor: '{surface.600}', - hoverBorderColor: '{surface.900}', - focusBorderColor: '{surface.900}' - }, - dark: {} - }, style: ({ dt }) => ` .p-radiobutton { border-radius: 50%;