fix(editor): Increase contrast on hover for AI button (#13920)

Author: mutdmour

packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideButton.vue

@@ -20,7 +20,7 @@ const emit = defineEmits<{
 			data-test-id="from-ai-override-button"
 			@click="emit('click')"
 		>
-			<AiStarsIcon size="large" :class="$style.aiStarsIcon" />
+			<AiStarsIcon size="large" />
 		</N8nButton>
 	</N8nTooltip>
 </template>
@@ -38,6 +38,11 @@ const emit = defineEmits<{
 	&:hover {
 		color: var(--color-foreground-xdark);
 		background-color: var(--color-secondary);
+
+		svg {
+			// ensure enough contrast in both light and dark mode
+			color: var(--prim-gray-200);
+		}
 	}
 }
 </style>

packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue

@@ -13,7 +13,7 @@ const emit = defineEmits<{
 <template>
 	<div :class="$style.contentOverrideContainer" data-test-id="fromAI-override-field">
 		<div :class="[$style.iconStars, 'el-input-group__prepend', $style.noCornersRight]">
-			<AiStarsIcon :class="$style.aiStarsIcon" />
+			<AiStarsIcon />
 		</div>
 		<div :class="$style.overrideInput">
 			<N8nText