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

Restore Material theme on switch, ripple color for tabs

pull/6537/head
Cagatay Civici 2024-10-01 23:01:15 +03:00
parent 94fc8c6da8
commit 7e66f6db89
2 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
apps/showcase/layouts/AppConfigurator.vue
View File

@ -194,6 +194,42 @@ export default {
}
}
};
} else if (this.$appState.preset === 'Material') {
return {
semantic: {
primary: color.palette,
colorScheme: {
light: {
primary: {
color: '{primary.500}',
contrastColor: '#ffffff',
hoverColor: '{primary.400}',
activeColor: '{primary.300}'
},
highlight: {
background: 'color-mix(in srgb, {primary.color}, transparent 88%)',
focusBackground: 'color-mix(in srgb, {primary.color}, transparent 76%)',
color: '{primary.700}',
focusColor: '{primary.800}'
}
},
dark: {
primary: {
color: '{primary.400}',
contrastColor: '{surface.900}',
hoverColor: '{primary.300}',
activeColor: '{primary.200}'
},
highlight: {
background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)',
color: 'rgba(255,255,255,.87)',
focusColor: 'rgba(255,255,255,.87)'
}
}
}
}
};
} else {
return {
semantic: {

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

@ -62,14 +62,16 @@ export default {
background: '{primary.color}'
},
style: ({ dt }) => `
.p-tab {
flex-grow: 1
}
.p-tabs-scrollable .p-tab {
flex-grow: 0
}
.p-tab-active {
--p-ripple-background: color-mix(in srgb, ${dt('primary.color')}, transparent 90%);
}
.p-tab:not(.p-disabled):focus-visible {
background: ${dt('navigation.item.active.background')};
}