diff --git a/components/lib/themes/aura/menubar/index.js b/components/lib/themes/aura/menubar/index.js index 201ff8dd9..70542c4a7 100644 --- a/components/lib/themes/aura/menubar/index.js +++ b/components/lib/themes/aura/menubar/index.js @@ -4,7 +4,7 @@ export default { borderColor: '{content.border.color}', borderRadius: '{content.border.radius}', color: '{content.color}', - padding: '0.5rem 0.5rem', + padding: '0.5rem 0.75rem', gap: '0.5rem' }, baseItem: { diff --git a/components/lib/themes/lara/menubar/index.js b/components/lib/themes/lara/menubar/index.js index 496fb0553..ca9aa0c72 100644 --- a/components/lib/themes/lara/menubar/index.js +++ b/components/lib/themes/lara/menubar/index.js @@ -1,11 +1,10 @@ export default { root: { - background: '{content.background}', - borderColor: '{content.border.color}', + borderColor: 'transparent', borderRadius: '{content.border.radius}', color: '{content.color}', gap: '0.5rem', - padding: '0.75rem 0.75rem' + padding: '0.75rem 1rem' }, baseItem: { borderRadius: '{content.border.radius}', @@ -57,5 +56,17 @@ export default { offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' } + }, + colorScheme: { + light: { + root: { + background: '{surface.100}' + } + }, + dark: { + root: { + background: '{surface.800}' + } + } } };