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

Tabs for Nora

pull/5756/head
Cagatay Civici 2024-05-14 15:01:05 +03:00
parent 5dce374fe5
commit b135be1968
2 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/themes/lara/tabs/index.js
View File

@ -13,7 +13,7 @@ export default {
hoverColor: '{text.color}', hoverColor: '{text.color}',
activeColor: '{primary.color}', activeColor: '{primary.color}',
padding: '1rem 1.25rem', padding: '1rem 1.25rem',
fontWeight: '600', fontWeight: '700',
margin: '0', margin: '0',
focusRing: { focusRing: {
width: '{focus.ring.width}', width: '{focus.ring.width}',

39
components/lib/themes/nora/tabs/index.js
View File

@ -5,26 +5,25 @@ export default {
borderColor: '{content.border.color}' borderColor: '{content.border.color}'
}, },
tab: { tab: {
background: 'transparent', background: '{content.background}',
hoverBackground: 'transparent', hoverBackground: '{surface.200}',
activeBackground: 'transparent', activeBackground: '{primary.color}',
borderWidth: '0 0 1px 0', borderWidth: '0',
borderColor: '{content.border.color}', borderColor: 'transparent',
hoverBorderColor: '{content.border.color}', hoverBorderColor: 'transparent',
activeBorderColor: '{primary.color}', activeBorderColor: 'transparent',
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.color}', hoverColor: '{text.color}',
activeColor: '{primary.color}', activeColor: '{primary.contrast.color}',
padding: '1rem 1.125rem', padding: '1rem 1.25rem',
fontWeight: '600', fontWeight: '700',
margin: '0 0 -1px 0', margin: '0',
gap: '0.5rem',
focusRing: { focusRing: {
width: '{focus.ring.width}', width: '{focus.ring.width}',
style: '{focus.ring.style}', style: '{focus.ring.style}',
color: '{focus.ring.color}', color: '{focus.ring.color}',
offset: '{focus.ring.offset}', offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}' shadow: 'inset {focus.ring.shadow}'
} }
}, },
tabpanel: { tabpanel: {
@ -41,24 +40,24 @@ export default {
width: '{focus.ring.width}', width: '{focus.ring.width}',
style: '{focus.ring.style}', style: '{focus.ring.style}',
color: '{focus.ring.color}', color: '{focus.ring.color}',
offset: '-1px', offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}' shadow: 'inset {focus.ring.shadow}'
} }
}, },
activeBar: { activeBar: {
height: '1px', height: '0',
bottom: '-1px', bottom: '0',
background: '{primary.color}' background: 'transparent'
}, },
colorScheme: { colorScheme: {
light: { light: {
navButton: { navButton: {
boxShadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)' shadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)'
} }
}, },
dark: { dark: {
navButton: { navButton: {
boxShadow: '0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)' shadow: '0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)'
} }
} }
} }