vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #6583 - Disabled ToggleSwitch in dark mode is same as non-disabled

pull/6596/head
Cagatay Civici 2024-10-16 10:36:06 +03:00
parent 21565482d3
commit 42b24c1ab9
3 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/themes/src/presets/aura/toggleswitch/index.js
View File

@ -19,24 +19,24 @@ export default {
checkedHoverBorderColor: 'transparent',
invalidBorderColor: '{form.field.invalid.border.color}',
transitionDuration: '{form.field.transition.duration}',
slideDuration: '0.2s',
disabledBackground: '{form.field.disabled.background}'
slideDuration: '0.2s'
},
handle: {
borderRadius: '50%',
size: '1rem',
disabledBackground: '{form.field.disabled.color}'
size: '1rem'
},
colorScheme: {
light: {
root: {
background: '{surface.300}',
disabledBackground: '{form.field.disabled.background}',
hoverBackground: '{surface.400}',
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.hover.color}'
},
handle: {
background: '{surface.0}',
disabledBackground: '{form.field.disabled.color}',
hoverBackground: '{surface.0}',
checkedBackground: '{surface.0}',
checkedHoverBackground: '{surface.0}',
@ -49,12 +49,14 @@ export default {
dark: {
root: {
background: '{surface.700}',
disabledBackground: '{surface.600}',
hoverBackground: '{surface.600}',
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.hover.color}'
},
handle: {
background: '{surface.400}',
disabledBackground: '{surface.900}',
hoverBackground: '{surface.300}',
checkedBackground: '{surface.900}',
checkedHoverBackground: '{surface.900}',

10
packages/themes/src/presets/lara/toggleswitch/index.js
View File

@ -19,24 +19,24 @@ export default {
checkedHoverBorderColor: 'transparent',
invalidBorderColor: '{form.field.invalid.border.color}',
transitionDuration: '{form.field.transition.duration}',
slideDuration: '0.2s',
disabledBackground: '{form.field.disabled.background}'
slideDuration: '0.2s'
},
handle: {
borderRadius: '50%',
size: '1.25rem',
disabledBackground: '{form.field.disabled.color}'
size: '1.25rem'
},
colorScheme: {
light: {
root: {
background: '{surface.300}',
disabledBackground: '{form.field.disabled.background}',
hoverBackground: '{surface.400}',
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.hover.color}'
},
handle: {
background: '{surface.0}',
disabledBackground: '{form.field.disabled.color}',
hoverBackground: '{surface.0}',
checkedBackground: '{surface.0}',
checkedHoverBackground: '{surface.0}',
@ -49,12 +49,14 @@ export default {
dark: {
root: {
background: '{surface.700}',
disabledBackground: '{surface.600}',
hoverBackground: '{surface.600}',
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.hover.color}'
},
handle: {
background: '{surface.400}',
disabledBackground: '{surface.900}',
hoverBackground: '{surface.300}',
checkedBackground: '{surface.900}',
checkedHoverBackground: '{surface.900}',

10
packages/themes/src/presets/material/toggleswitch/index.js
View File

@ -19,24 +19,24 @@ export default {
checkedHoverBorderColor: 'transparent',
invalidBorderColor: '{form.field.invalid.border.color}',
transitionDuration: '{form.field.transition.duration}',
slideDuration: '0.2s',
disabledBackground: '{form.field.disabled.background}'
slideDuration: '0.2s'
},
handle: {
borderRadius: '50%',
size: '1.5rem',
disabledBackground: '{form.field.disabled.color}'
size: '1.5rem'
},
colorScheme: {
light: {
root: {
background: '{surface.300}',
disabledBackground: '{surface.400}',
hoverBackground: '{surface.300}',
checkedBackground: '{primary.200}',
checkedHoverBackground: '{primary.200}'
},
handle: {
background: '{surface.0}',
disabledBackground: '{surface.200}',
hoverBackground: '{surface.0}',
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.color}',
@ -49,12 +49,14 @@ export default {
dark: {
root: {
background: '{surface.700}',
disabledBackground: '{surface.600}',
hoverBackground: '{surface.700}',
checkedBackground: '{primary.color}',
checkedHoverBackground: '{primary.color}'
},
handle: {
background: '{surface.400}',
disabledBackground: '{surface.500}',
hoverBackground: '{surface.300}',
checkedBackground: '{primary.200}',
checkedHoverBackground: '{primary.200}',