Update checkbox radio colors
parent
4a7675890a
commit
f02f1d0bb1
|
@ -8,6 +8,9 @@ export default {
|
||||||
checkedHoverBackground: '{primary.color}',
|
checkedHoverBackground: '{primary.color}',
|
||||||
disabledBackground: '{form.field.disabled.background}',
|
disabledBackground: '{form.field.disabled.background}',
|
||||||
filledBackground: '{form.field.filled.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}',
|
checkedBorderColor: '{primary.color}',
|
||||||
checkedHoverBorderColor: '{primary.color}',
|
checkedHoverBorderColor: '{primary.color}',
|
||||||
checkedFocusBorderColor: '{primary.color}',
|
checkedFocusBorderColor: '{primary.color}',
|
||||||
|
@ -30,14 +33,6 @@ export default {
|
||||||
checkedHoverColor: '{primary.contrast.color}',
|
checkedHoverColor: '{primary.contrast.color}',
|
||||||
disabledColor: '{form.field.disabled.color}'
|
disabledColor: '{form.field.disabled.color}'
|
||||||
},
|
},
|
||||||
colorScheme: {
|
|
||||||
light: {
|
|
||||||
borderColor: '{surface.600}',
|
|
||||||
hoverBorderColor: '{surface.900}',
|
|
||||||
focusBorderColor: '{surface.900}'
|
|
||||||
},
|
|
||||||
dark: {}
|
|
||||||
},
|
|
||||||
style: ({ dt }) => `
|
style: ({ dt }) => `
|
||||||
.p-checkbox {
|
.p-checkbox {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
|
@ -7,6 +7,9 @@ export default {
|
||||||
checkedHoverBackground: '{primary.contrast.color}',
|
checkedHoverBackground: '{primary.contrast.color}',
|
||||||
disabledBackground: '{form.field.disabled.background}',
|
disabledBackground: '{form.field.disabled.background}',
|
||||||
filledBackground: '{form.field.filled.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}',
|
checkedBorderColor: '{primary.color}',
|
||||||
checkedHoverBorderColor: '{primary.color}',
|
checkedHoverBorderColor: '{primary.color}',
|
||||||
checkedFocusBorderColor: '{primary.color}',
|
checkedFocusBorderColor: '{primary.color}',
|
||||||
|
@ -28,14 +31,6 @@ export default {
|
||||||
checkedHoverColor: '{primary.color}',
|
checkedHoverColor: '{primary.color}',
|
||||||
disabledColor: '{form.field.disabled.color}'
|
disabledColor: '{form.field.disabled.color}'
|
||||||
},
|
},
|
||||||
colorScheme: {
|
|
||||||
light: {
|
|
||||||
borderColor: '{surface.600}',
|
|
||||||
hoverBorderColor: '{surface.900}',
|
|
||||||
focusBorderColor: '{surface.900}'
|
|
||||||
},
|
|
||||||
dark: {}
|
|
||||||
},
|
|
||||||
style: ({ dt }) => `
|
style: ({ dt }) => `
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
Loading…
Reference in New Issue