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

Cosmetics on Nora preset

pull/5756/head
Cagatay Civici 2024-05-15 02:20:49 +03:00
parent 83ec2a8b3e
commit 8281a63f40
19 changed files with 117 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/lib/themes/aura/inplace/index.js
View File

@ -1,24 +1,17 @@
export default {
root: {
padding: '{form.field.padding.y} {form.field.padding.x}',
borderRadius: '{content.border.radius}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
},
colorScheme: {
light: {
display: {
hoverBackground: '{surface.100}',
hoverColor: '{surface.800}'
}
},
dark: {
display: {
hoverBackground: '{surface.800}',
hoverColor: '{surface.0}'
}
}
hoverBackground: '{content.hover.background}',
hoverColor: '{content.hover.color}'
}
};

10
components/lib/themes/lara/inplace/index.js
View File

@ -3,11 +3,11 @@ export default {
padding: '{form.field.padding.y} {form.field.padding.x}',
borderRadius: '{content.border.radius}',
focusRing: {
width: '{form.field.focus.ring.width}',
style: '{form.field.focus.ring.style}',
color: '{form.field.focus.ring.color}',
offset: '{form.field.focus.ring.offset}',
shadow: '{form.field.focus.ring.shadow}'
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
},
display: {

2
components/lib/themes/nora/avatar/index.js
View File

@ -3,7 +3,7 @@ export default {
width: '2rem',
height: '2rem',
fontSize: '1rem',
background: '{content.border.color}',
background: '{content.hover.background}',
borderRadius: '{content.border.radius}'
},
group: {

24
components/lib/themes/nora/badge/index.js
View File

@ -32,23 +32,23 @@ export default {
color: '{primary.contrast.color}'
},
secondary: {
background: '{surface.100}',
color: '{surface.600}'
background: '{surface.200}',
color: '{surface.700}'
},
success: {
background: '{green.500}',
background: '{green.600}',
color: '{surface.0}'
},
info: {
background: '{sky.500}',
background: '{sky.600}',
color: '{surface.0}'
},
warn: {
background: '{orange.500}',
background: '{orange.600}',
color: '{surface.0}'
},
danger: {
background: '{red.500}',
background: '{red.600}',
color: '{surface.0}'
},
contrast: {
@ -62,23 +62,23 @@ export default {
color: '{primary.contrast.color}'
},
secondary: {
background: '{surface.800}',
color: '{surface.300}'
background: '{surface.700}',
color: '{surface.200}'
},
success: {
background: '{green.400}',
background: '{green.500}',
color: '{green.950}'
},
info: {
background: '{sky.400}',
background: '{sky.500}',
color: '{sky.950}'
},
warn: {
background: '{orange.400}',
background: '{orange.500}',
color: '{orange.950}'
},
danger: {
background: '{red.400}',
background: '{red.500}',
color: '{red.950}'
},
contrast: {

8
components/lib/themes/nora/carousel/index.js
View File

@ -20,15 +20,15 @@ export default {
colorScheme: {
light: {
indicator: {
background: '{surface.200}',
hoverBackground: '{surface.300}',
background: '{surface.300}',
hoverBackground: '{surface.400}',
activeBackground: '{primary.color}'
}
},
dark: {
indicator: {
background: '{surface.700}',
hoverBackground: '{surface.600}',
background: '{surface.600}',
hoverBackground: '{surface.500}',
activeBackground: '{primary.color}'
}
}

2
components/lib/themes/nora/dialog/index.js
View File

@ -12,7 +12,7 @@ export default {
},
title: {
fontSize: '1.25rem',
fontWeight: '600'
fontWeight: '700'
},
content: {
padding: '0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}'

2
components/lib/themes/nora/drawer/index.js
View File

@ -11,7 +11,7 @@ export default {
},
title: {
fontSize: '1.5rem',
fontWeight: '600'
fontWeight: '700'
},
content: {
padding: '0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}'

16
components/lib/themes/nora/galleria/index.js
View File

@ -103,24 +103,24 @@ export default {
colorScheme: {
light: {
thumbnailNavButton: {
hoverBackground: '{surface.100}',
color: '{surface.600}',
hoverColor: '{surface.700}'
hoverBackground: '{surface.200}',
color: '{text.color}',
hoverColor: '{text.hover.color}'
},
indicatorButton: {
background: '{surface.200}',
hoverBackground: '{surface.300}'
background: '{surface.300}',
hoverBackground: '{surface.400}'
}
},
dark: {
thumbnailNavButton: {
hoverBackground: '{surface.700}',
color: '{surface.400}',
color: '{surface.0}',
hoverColor: '{surface.0}'
},
indicatorButton: {
background: '{surface.700}',
hoverBackground: '{surface.600}'
background: '{surface.600}',
hoverBackground: '{surface.500}'
}
}
}

4
components/lib/themes/nora/image/index.js
View File

@ -19,7 +19,7 @@ export default {
background: 'rgba(255,255,255,0.1)',
borderColor: 'rgba(255,255,255,0.2)',
borderWidth: '1px',
borderRadius: '30px',
borderRadius: '{content.border.radius}',
padding: '.5rem',
gap: '0.5rem'
},
@ -29,7 +29,7 @@ export default {
hoverColor: '{surface.0}',
size: '3rem',
iconSize: '1.5rem',
borderRadius: '50%',
borderRadius: '{content.border.radius}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',

15
components/lib/themes/nora/inplace/index.js
View File

@ -1,24 +1,17 @@
export default {
root: {
padding: '{form.field.padding.y} {form.field.padding.x}',
borderRadius: '{content.border.radius}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
},
colorScheme: {
light: {
display: {
hoverBackground: '{surface.100}',
hoverColor: '{surface.800}'
}
},
dark: {
display: {
hoverBackground: '{surface.800}',
hoverColor: '{surface.0}'
}
}
hoverBackground: '{content.hover.background}',
hoverColor: '{content.hover.color}'
}
};

8
components/lib/themes/nora/panelmenu/index.js
View File

@ -1,6 +1,6 @@
export default {
root: {
gap: '0.5rem'
gap: '0'
},
panel: {
background: '{content.background}',
@ -8,13 +8,13 @@ export default {
borderWidth: '1px',
color: '{content.color}',
padding: '0.25rem 0.25rem',
borderRadius: '{content.border.radius}',
borderRadius: '0',
first: {
borderWidth: '1px',
borderWidth: '1px 1px 0 1px',
topBorderRadius: '{content.border.radius}'
},
last: {
borderWidth: '1px',
borderWidth: '0 1px 1px 1px',
bottomBorderRadius: '{content.border.radius}'
}
},

4
components/lib/themes/nora/skeleton/index.js
View File

@ -5,13 +5,13 @@ export default {
colorScheme: {
light: {
root: {
background: '{surface.200}',
background: '{surface.300}',
animationBackground: 'rgba(255,255,255,0.4)'
}
},
dark: {
root: {
background: 'rgba(255, 255, 255, 0.06)',
background: 'rgba(255, 255, 255, 0.1)',
animationBackground: 'rgba(255, 255, 255, 0.04)'
}
}

2
components/lib/themes/nora/stepper/index.js
View File

@ -40,7 +40,7 @@ export default {
fontSize: '1.143rem',
fontWeight: '500',
borderRadius: '50%',
shadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)'
shadow: 'none'
},
verticalPanelContainer: {
paddingLeft: '1rem'

2
components/lib/themes/nora/steps/index.js
View File

@ -28,6 +28,6 @@ export default {
fontSize: '1.143rem',
fontWeight: '500',
borderRadius: '50%',
shadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)'
shadow: 'none'
}
};

32
components/lib/themes/nora/tabmenu/index.js
View File

@ -5,19 +5,19 @@ export default {
borderColor: '{content.border.color}'
},
item: {
background: 'transparent',
hoverBackground: 'transparent',
activeBackground: 'transparent',
borderWidth: '0 0 1px 0',
borderColor: '{content.border.color}',
hoverBorderColor: '{content.border.color}',
activeBorderColor: '{primary.color}',
background: '{content.background}',
hoverBackground: '{surface.200}',
activeBackground: '{primary.color}',
borderWidth: '0',
borderColor: 'transparent',
hoverBorderColor: 'transparent',
activeBorderColor: 'transparent',
color: '{text.muted.color}',
hoverColor: '{text.color}',
activeColor: '{primary.color}',
padding: '1rem 1.125rem',
fontWeight: '600',
margin: '0 0 -1px 0',
activeColor: '{primary.contrast.color}',
padding: '1rem 1.25rem',
fontWeight: '700',
margin: '0',
gap: '0.5rem',
focusRing: {
width: '{focus.ring.width}',
@ -28,13 +28,13 @@ export default {
}
},
itemIcon: {
color: '{text.muted.color}',
color: '{text.color}',
hoverColor: '{text.color}',
activeColor: '{primary.color}'
activeColor: '{primary.contrast.color}'
},
activeBar: {
height: '1px',
bottom: '-1px',
background: '{primary.color}'
height: '0',
bottom: '0',
background: 'transparent'
}
};

48
components/lib/themes/nora/tag/index.js
View File

@ -13,28 +13,28 @@ export default {
colorScheme: {
light: {
primary: {
background: '{primary.100}',
color: '{primary.700}'
background: '{primary.color}',
color: '{primary.contrast.color}'
},
secondary: {
background: '{surface.100}',
color: '{surface.600}'
background: '{surface.200}',
color: '{surface.700}'
},
success: {
background: '{green.100}',
color: '{green.700}'
background: '{green.600}',
color: '{surface.0}'
},
info: {
background: '{sky.100}',
color: '{sky.700}'
background: '{sky.600}',
color: '{surface.0}'
},
warn: {
background: '{orange.100}',
color: '{orange.700}'
background: '{orange.600}',
color: '{surface.0}'
},
danger: {
background: '{red.100}',
color: '{red.700}'
background: '{red.600}',
color: '{surface.0}'
},
contrast: {
background: '{surface.950}',
@ -43,28 +43,28 @@ export default {
},
dark: {
primary: {
background: 'color-mix(in srgb, {primary.500}, transparent 84%)',
color: '{primary.300}'
background: '{primary.color}',
color: '{primary.contrast.color}'
},
secondary: {
background: '{surface.800}',
color: '{surface.300}'
background: '{surface.700}',
color: '{surface.200}'
},
success: {
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
color: '{green.300}'
background: '{green.500}',
color: '{green.950}'
},
info: {
background: 'color-mix(in srgb, {sky.500}, transparent 84%)',
color: '{sky.300}'
background: '{sky.500}',
color: '{sky.950}'
},
warn: {
background: 'color-mix(in srgb, {orange.500}, transparent 84%)',
color: '{orange.300}'
background: '{orange.500}',
color: '{orange.950}'
},
danger: {
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
color: '{red.300}'
background: '{red.500}',
color: '{red.950}'
},
contrast: {
background: '{surface.0}',

8
components/lib/themes/nora/timeline/index.js
View File

@ -16,13 +16,13 @@ export default {
size: '1.125rem',
borderRadius: '50%',
borderWidth: '2px',
background: '{content.background}',
borderColor: '{content.border.color}',
background: '{primary.color}',
borderColor: '{primary.color}',
content: {
borderRadius: '50%',
size: '0.375rem',
background: '{primary.color}',
insetShadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)'
background: 'transparent',
insetShadow: 'none'
}
},
eventConnector: {

6
components/lib/themes/nora/tooltip/index.js
View File

@ -9,14 +9,14 @@ export default {
colorScheme: {
light: {
root: {
background: '{surface.700}',
background: '{surface.900}',
color: '{surface.0}'
}
},
dark: {
root: {
background: '{surface.700}',
color: '{surface.0}'
background: '{surface.0}',
color: '{surface.900}'
}
}
}

4
components/lib/themes/nora/treetable/index.js
View File

@ -97,7 +97,7 @@ export default {
colorScheme: {
light: {
root: {
borderColor: '{content.border.color}'
borderColor: '{surface.300}'
},
bodyCell: {
selectedBorderColor: '{primary.100}'
@ -105,7 +105,7 @@ export default {
},
dark: {
root: {
borderColor: '{surface.800}'
borderColor: '{surface.700}'
},
bodyCell: {
selectedBorderColor: '{primary.900}'