.

Author: Netail

dist/index.js

@@ -31,7 +31,8 @@
 		"prepare": "husky || true"
 	},
 	"dependencies": {
-		"@actions/core": "^1.11.1"
+		"@actions/core": "^1.11.1",
+		"jsx-dom-runtime": "^0.72.0"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^1.9.4",

package.json

@@ -1,21 +1,22 @@
+import { jsx } from 'jsx-dom-runtime';
 import type { Button, Field } from '../interfaces/input';
 import type { TeamsPayload } from '../interfaces/teams-payload';
 
-function hex2img(color: string) {
-	return `data:image/x-ms-bmp;base64,Qk06AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAA${btoa(
-		String.fromCharCode(Number.parseInt(color[4] + color[5], 16)) +
-			String.fromCharCode(Number.parseInt(color[2] + color[3], 16)) +
-			String.fromCharCode(Number.parseInt(color[0] + color[1], 16)),
-	)}AA%3D%3D`;
-}
-
 export const normalizeTeamsPayload = (
 	title: string,
 	text: string,
 	color: string,
 	fields: Field[],
 	buttons: Button[],
 ): TeamsPayload => {
+	const pixel = jsx('canvas', { width: 1, height: 3 });
+	const ctx = pixel.getContext('2d');
+
+	if (ctx) {
+		ctx.fillStyle = `#${color}`;
+		ctx.fillRect(0, 0, 1, 3);
+	}
+
 	return {
 		type: 'message',
 		attachments: [
@@ -54,7 +55,7 @@ export const normalizeTeamsPayload = (
 						width: 'Full',
 					},
 					backgroundImage: {
-						url: hex2img(color),
+						url: pixel.toDataURL('image/png'),
 						fillMode: 'RepeatHorizontally',
 					},
 				},