diff --git a/src/editor/components/seMenu.js b/src/editor/components/seMenu.js
index 98ab449c..2c80fa5e 100644
--- a/src/editor/components/seMenu.js
+++ b/src/editor/components/seMenu.js
@@ -9,24 +9,26 @@ template.innerHTML = `
padding: 0px;
}
elix-menu-button::part(menu) {
- background-color: #eee !important;
+ background-color: var(--icon-bg-color) !important;
+ color: #fff;
}
elix-menu-button::part(popup-toggle) {
padding: 0.25em 0.60em !important
}
:host ::slotted([current]){
- background-color: #F4E284 !important;
+ background-color: var(--icon-bg-color-hover) !important;
+ color: #fff;
}
:host ::slotted(*){
padding: 0.25em 1.25em 0.25em 0.25em !important;
margin: 2px;
}
-
+
-
+
`;
/**
* @class SeMenu
@@ -64,8 +66,8 @@ export class SeMenu extends HTMLElement {
switch (name) {
case 'src':
image.src = newValue;
- image.width = 18;
- image.height = 18;
+ image.width = 24;
+ image.height = 24;
this.$label.prepend(image);
break;
case 'label':
diff --git a/src/editor/components/seMenuItem.js b/src/editor/components/seMenuItem.js
index 75f412ef..0b718044 100644
--- a/src/editor/components/seMenuItem.js
+++ b/src/editor/components/seMenuItem.js
@@ -5,13 +5,13 @@ import 'elix/define/MenuItem.js';
const template = document.createElement('template');
template.innerHTML = `
+
-
-
+
+
-
+
`;
/**
* @class SeMenuItem