vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 09:22:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactored tokens of panel components

Browse source
This commit is contained in:
Cagatay Civici 2024-05-04 14:47:06 +03:00
parent 3e0c68734f
commit 4bdc38e892
17 changed files with 190 additions and 326 deletions
Download patch file Download diff file Expand all files Collapse all files

62
components/lib/themes/aura/tabview/index.js
View file

@ -1,49 +1,33 @@
export default {
tabList: {
background: '{content.background}',
borderColor: '{content.border.color}'
},
tab: {
borderColor: '{content.border.color}',
activeBorderColor: '{primary.color}',
color: '{text.muted.color}',
hoverColor: '{text.color}',
activeColor: '{primary.color}'
},
tabPanel: {
background: '{content.background}',
color: '{content.color}'
},
navButton: {
background: '{content.background}',
color: '{text.muted.color}',
hoverColor: '{text.color}'
},
colorScheme: {
light: {
nav: {
background: '{surface.0}',
borderColor: '{surface.200}'
},
header: {
borderColor: '{surface.200}',
activeBorderColor: '{primary.color}',
color: '{surface.500}',
hoverColor: '{surface.700}',
activeColor: '{primary.color}'
},
navigatorIcon: {
background: '{surface.0}',
color: '{surface.500}',
hoverColor: '{surface.700}',
navButton: {
boxShadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)'
},
content: {
background: '{surface.0}',
color: '{surface.700}'
}
},
dark: {
nav: {
background: '{surface.900}',
borderColor: '{surface.700}'
},
header: {
borderColor: '{surface.700}',
activeBorderColor: '{primary.color}',
color: '{surface.400}',
hoverColor: '{surface.0}',
activeColor: '{primary.color}'
},
navigatorIcon: {
background: '{surface.900}',
color: '{surface.400}',
hoverColor: '{surface.0}',
boxShadow: '0px 0px 10px 50px color-mix(in srgb, {surface.900}, transparent 50%)'
},
content: {
background: '{surface.900}',
color: '{surface.0}'
navButton: {
boxShadow: '0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)'
}
}
}