diff --git a/components/lib/themes/aura/index.js b/components/lib/themes/aura/index.js index c76443625..9af153e0e 100644 --- a/components/lib/themes/aura/index.js +++ b/components/lib/themes/aura/index.js @@ -361,7 +361,7 @@ export default { focusColor: 'rgba(255,255,255,.87)' }, mask: { - background: 'rgba(0,0,0,0.4)', + background: 'rgba(0,0,0,0.6)', color: '{surface.200}' }, formField: { diff --git a/components/lib/themes/lara/button/index.js b/components/lib/themes/lara/button/index.js index 204ddce6e..375220208 100644 --- a/components/lib/themes/lara/button/index.js +++ b/components/lib/themes/lara/button/index.js @@ -3,17 +3,17 @@ export default { borderRadius: '{form.field.border.radius}', roundedBorderRadius: '2rem', gap: '0.5rem', - paddingX: '{form.field.padding.x}', + paddingX: '1rem', paddingY: '{form.field.padding.y}', iconOnlyWidth: '2.75rem', sm: { fontSize: '0.875rem', - paddingX: '0.625rem', + paddingX: '0.875rem', paddingY: '0.5rem' }, lg: { fontSize: '1.125rem', - paddingX: '0.875rem', + paddingX: '1.125rem', paddingY: '0.75rem' }, label: { diff --git a/components/lib/themes/lara/dataview/index.js b/components/lib/themes/lara/dataview/index.js index b8513bf02..ab8f4e994 100644 --- a/components/lib/themes/lara/dataview/index.js +++ b/components/lib/themes/lara/dataview/index.js @@ -9,7 +9,7 @@ export default { borderColor: '{content.border.color}', borderWidth: '0 0 1px 0', padding: '0.875rem 1.125rem', - borderRadius: '3px 3px 0 0' + borderRadius: '5px 5px 0 0' }, content: { background: '{content.background}', @@ -17,7 +17,7 @@ export default { borderColor: 'transparent', borderWidth: '0', padding: '0', - borderRadius: '3px' + borderRadius: '5px' }, footer: { background: '{content.background}', @@ -25,7 +25,7 @@ export default { borderColor: '{content.border.color}', borderWidth: '1px 0 0 0', padding: '0.875rem 1.125rem', - borderRadius: '0 0 3px 3px' + borderRadius: '0 0 5px 5px' }, paginatorTop: { borderColor: '{content.border.color}', diff --git a/components/lib/themes/lara/fileupload/index.js b/components/lib/themes/lara/fileupload/index.js index bf136c2f5..c51227f39 100644 --- a/components/lib/themes/lara/fileupload/index.js +++ b/components/lib/themes/lara/fileupload/index.js @@ -9,7 +9,7 @@ export default { borderWidth: '0 0 1px 0', borderColor: '{content.border.color}', padding: '1.125rem', - borderRadius: '3px 3px 0 0', + borderRadius: '5px 5px 0 0', gap: '0.5rem' }, content: { diff --git a/components/lib/themes/lara/index.js b/components/lib/themes/lara/index.js index 3236747fd..c4a3cde3e 100644 --- a/components/lib/themes/lara/index.js +++ b/components/lib/themes/lara/index.js @@ -145,7 +145,7 @@ export default { formField: { paddingX: '0.75rem', paddingY: '0.625rem', - borderRadius: '{border.radius.sm}', + borderRadius: '{border.radius.md}', focusRing: { width: '{focus.ring.width}', style: '{focus.ring.style}', @@ -170,7 +170,7 @@ export default { } }, content: { - borderRadius: '{border.radius.sm}' + borderRadius: '{border.radius.md}' }, navigation: { list: { @@ -192,16 +192,16 @@ export default { }, overlay: { select: { - borderRadius: '{border.radius.sm}', + borderRadius: '{border.radius.md}', shadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)' }, popover: { - borderRadius: '{border.radius.sm}', + borderRadius: '{border.radius.md}', padding: '1rem', shadow: '0 1px 3px rgba(0, 0, 0, 0.1)' }, modal: { - borderRadius: '{border.radius.lg}', + borderRadius: '{border.radius.xl}', padding: '1.5rem', shadow: '0 1px 3px rgba(0, 0, 0, 0.3)' }, @@ -366,7 +366,7 @@ export default { shadow: '0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)' }, mask: { - background: 'rgba(0,0,0,0.4)', + background: 'rgba(0,0,0,0.6)', color: '{surface.200}' }, formField: { diff --git a/components/lib/themes/lara/panel/index.js b/components/lib/themes/lara/panel/index.js index 1db7150fe..8a8359fe5 100644 --- a/components/lib/themes/lara/panel/index.js +++ b/components/lib/themes/lara/panel/index.js @@ -9,7 +9,7 @@ export default { borderWidth: '0 0 1px 0', borderColor: '{content.border.color}', padding: '1.125rem', - borderRadius: '3px 3px 0 0' + borderRadius: '5px 5px 0 0' }, toggleableHeader: { padding: '0.25rem 1.125rem'