Custom style for menubar lara

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: {

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}'
+            }
+        }
     }
 };