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

Remove obselete token, dark mode for Material

pull/6275/head^2
Cagatay Civici 2024-10-01 22:19:02 +03:00
parent 8bf169b4bc
commit 864724e6b0
8 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/themes/src/presets/material/accordion/index.js
View File

@ -71,7 +71,7 @@ export default {
} }
.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible { .p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
` `
}; };

23
packages/themes/src/presets/material/base/index.js
View File

@ -188,7 +188,6 @@ export default {
content: { content: {
background: '{surface.0}', background: '{surface.0}',
hoverBackground: '{surface.100}', hoverBackground: '{surface.100}',
focusBackground: '{surface.200}',
borderColor: '{surface.300}', borderColor: '{surface.300}',
color: '{text.color}', color: '{text.color}',
hoverColor: '{text.hover.color}' hoverColor: '{text.hover.color}'
@ -290,8 +289,8 @@ export default {
filledBackground: '{surface.800}', filledBackground: '{surface.800}',
filledHoverBackground: '{surface.700}', filledHoverBackground: '{surface.700}',
filledFocusBackground: '{surface.800}', filledFocusBackground: '{surface.800}',
borderColor: '{surface.700}', borderColor: '{surface.600}',
hoverBorderColor: '{surface.600}', hoverBorderColor: '{surface.400}',
focusBorderColor: '{primary.color}', focusBorderColor: '{primary.color}',
invalidBorderColor: '{red.300}', invalidBorderColor: '{red.300}',
color: '{surface.0}', color: '{surface.0}',
@ -302,13 +301,13 @@ export default {
floatLabelActiveColor: '{surface.400}', floatLabelActiveColor: '{surface.400}',
floatLabelInvalidColor: '{red.300}', floatLabelInvalidColor: '{red.300}',
iconColor: '{surface.400}', iconColor: '{surface.400}',
shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)' shadow: 'none'
}, },
text: { text: {
color: '{surface.0}', color: '{surface.0}',
hoverColor: '{surface.0}', hoverColor: '{surface.0}',
mutedColor: '{surface.400}', mutedColor: '{surface.400}',
hoverMutedColor: '{surface.300}' hoverMutedColor: '{surface.400}'
}, },
content: { content: {
background: '{surface.900}', background: '{surface.900}',
@ -320,17 +319,17 @@ export default {
overlay: { overlay: {
select: { select: {
background: '{surface.900}', background: '{surface.900}',
borderColor: '{surface.700}', borderColor: '{surface.900}',
color: '{text.color}' color: '{text.color}'
}, },
popover: { popover: {
background: '{surface.900}', background: '{surface.900}',
borderColor: '{surface.700}', borderColor: '{surface.900}',
color: '{text.color}' color: '{text.color}'
}, },
modal: { modal: {
background: '{surface.900}', background: '{surface.900}',
borderColor: '{surface.700}', borderColor: '{surface.900}',
color: '{text.color}' color: '{text.color}'
} }
}, },
@ -344,7 +343,7 @@ export default {
selectedColor: '{highlight.color}', selectedColor: '{highlight.color}',
selectedFocusColor: '{highlight.focus.color}', selectedFocusColor: '{highlight.focus.color}',
icon: { icon: {
color: '{surface.500}', color: '{surface.400}',
focusColor: '{surface.400}' focusColor: '{surface.400}'
} }
}, },
@ -356,12 +355,12 @@ export default {
navigation: { navigation: {
item: { item: {
focusBackground: '{surface.800}', focusBackground: '{surface.800}',
activeBackground: '{surface.800}', activeBackground: '{surface.700}',
color: '{text.color}', color: '{text.color}',
focusColor: '{text.hover.color}', focusColor: '{text.hover.color}',
activeColor: '{text.hover.color}', activeColor: '{text.hover.color}',
icon: { icon: {
color: '{surface.500}', color: '{surface.400}',
focusColor: '{surface.400}', focusColor: '{surface.400}',
activeColor: '{surface.400}' activeColor: '{surface.400}'
} }
@ -371,7 +370,7 @@ export default {
color: '{text.muted.color}' color: '{text.muted.color}'
}, },
submenuIcon: { submenuIcon: {
color: '{surface.500}', color: '{surface.400}',
focusColor: '{surface.400}', focusColor: '{surface.400}',
activeColor: '{surface.400}' activeColor: '{surface.400}'
} }

2
packages/themes/src/presets/material/fieldset/index.js
View File

@ -35,7 +35,7 @@ export default {
}, },
style: ({ dt }) => ` style: ({ dt }) => `
.p-fieldset-toggle-button:focus-visible { .p-fieldset-toggle-button:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
` `

2
packages/themes/src/presets/material/megamenu/index.js
View File

@ -77,7 +77,7 @@ export default {
}, },
style: ({ dt }) => ` style: ({ dt }) => `
.p-megamenu-button:focus-visible { .p-megamenu-button:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
` `
}; };

2
packages/themes/src/presets/material/menubar/index.js
View File

@ -61,7 +61,7 @@ export default {
}, },
style: ({ dt }) => ` style: ({ dt }) => `
.p-menubar-button:focus-visible { .p-menubar-button:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
` `
}; };

2
packages/themes/src/presets/material/panelmenu/index.js
View File

@ -61,7 +61,7 @@ export default {
} }
.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible { .p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
` `
}; };

2
packages/themes/src/presets/material/stepper/index.js
View File

@ -59,7 +59,7 @@ export default {
}, },
style: ({ dt }) => ` style: ({ dt }) => `
.p-step-header:focus-visible { .p-step-header:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
} }
` `

4
packages/themes/src/presets/material/tabs/index.js
View File

@ -71,11 +71,11 @@ export default {
} }
.p-tab:not(.p-disabled):focus-visible { .p-tab:not(.p-disabled):focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
.p-tablist-nav-button:focus-visible { .p-tablist-nav-button:focus-visible {
background: ${dt('content.focus.background')}; background: ${dt('navigation.item.active.background')};
} }
` `
}; };