fix(editor): Fix edge button background color in dark mode in new can…

…vas (no-changelog) (#10475)

packages/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue

@@ -35,6 +35,7 @@ function onDelete() {
 	<div :class="classes" data-test-id="canvas-edge-toolbar">
 		<N8nIconButton
 			v-if="isAddButtonVisible"
+			class="canvas-edge-toolbar-button"
 			data-test-id="add-connection-button"
 			type="tertiary"
 			size="small"
@@ -44,6 +45,7 @@ function onDelete() {
 		/>
 		<N8nIconButton
 			data-test-id="delete-connection-button"
+			class="canvas-edge-toolbar-button"
 			type="tertiary"
 			size="small"
 			icon="trash"
@@ -62,3 +64,10 @@ function onDelete() {
 	pointer-events: all;
 }
 </style>
+
+<style lang="scss">
+[data-theme='dark'] .canvas-edge-toolbar-button {
+	--button-background-color: var(--color-background-base);
+	--button-hover-background-color: var(--color-background-light);
+}
+</style>