change style

packages/client/src/components/MkMenu.vue

@@ -128,7 +128,7 @@
 					<button
 						v-else-if="!item.hidden"
 						class="_button item"
-						:class="{ danger: item.danger, active: item.active }"
+						:class="{ danger: item.danger, accent: item.accent, active: item.active }"
 						:disabled="item.active"
 						@click="clicked(item.action, $event)"
 						@mouseenter.passive="onItemMouseEnter(item)"
@@ -398,6 +398,26 @@ onBeforeUnmount(() => {
 			}
 		}
 
+		&.accent {
+			color: var(--accent);
+
+			&:hover {
+				color: var(--accent);
+
+				&:before {
+					background: var(--accentedBg);
+				}
+			}
+
+			&:active {
+				color: var(--fgOnAccent);
+
+				&:before {
+					background: var(--accent);
+				}
+			}
+		}
+
 		&.active {
 			color: var(--fgOnAccent);
 			opacity: 1;

packages/client/src/scripts/get-note-menu.ts

@@ -393,6 +393,7 @@ export function getNoteMenu(props: {
 				? {
 						icon: "ph-pencil-line ph-bold ph-lg",
 						text: i18n.ts.edit,
+						accent: true,
 						action: edit,
 				  }
 				: undefined,

packages/client/src/types/menu.ts

@@ -51,6 +51,7 @@ export type MenuButton = {
 	icon?: string;
 	indicate?: boolean;
 	danger?: boolean;
+	accent?: boolean;
 	active?: boolean;
 	hidden?: boolean;
 	avatar?: Misskey.entities.User;