chore: remove unmaintained color2k dependency and replace with local utility

app/containers/message/Components/Attachments/CollapsibleQuote/index.tsx

@@ -1,4 +1,3 @@
-import { transparentize } from 'color2k';
 import { dequal } from 'dequal';
 import React, { useContext, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
@@ -13,6 +12,7 @@ import Markdown from '../../../../markdown';
 import MessageContext from '../../../Context';
 import Touchable from '../../../Touchable';
 import { BUTTON_HIT_SLOP } from '../../../utils';
+import withAlpha from '../../../../../lib/helpers/withAlpha';
 
 const styles = StyleSheet.create({
 	button: {
@@ -144,7 +144,9 @@ const CollapsibleQuote = React.memo(
 
 		try {
 			if (attachment.color) {
-				backgroundColor = transparentize(attachment.color, 0.8);
+				console.log(attachment.color);
+				backgroundColor = withAlpha(attachment.color, 0.2); // works for rgba, rgb, hex (#rgb, #rrggbb)
+				console.log(backgroundColor);
 				strokeExtraLight = attachment.color;
 				strokeLight = attachment.color;
 				strokeMedium = attachment.color;

app/lib/helpers/withAlpha.test.ts

@@ -0,0 +1,23 @@
+import withAlpha from './withAlpha';
+
+describe('withAlpha', () => {
+	test('rgba to be rgba with updated alpha', () => {
+		expect(withAlpha('rgba(255, 0, 0, 0.2)', 0.8)).toBe('rgba(255, 0, 0, 0.8)');
+	});
+
+	test('rgb to be rgba with updated alpha', () => {
+		expect(withAlpha('rgb(255, 0, 0)', 0.8)).toBe('rgba(255, 0, 0, 0.8)');
+	});
+
+	test('hex #rgb to be hex #rrggbbaa with updated alpha', () => {
+		expect(withAlpha('#f00', 0.8)).toBe('#ff0000cc');
+	});
+
+	test('hex #rrggbb to be hex #rrggbbaa with updated alpha', () => {
+		expect(withAlpha('#ff0000', 0.8)).toBe('#ff0000cc');
+	});
+
+	test('hex #rrggbbaa to be hex #rrggbbaa with updated alpha', () => {
+		expect(withAlpha('#ff000022', 0.8)).toBe('#ff0000cc');
+	});
+});

app/lib/helpers/withAlpha.ts

@@ -0,0 +1,76 @@
+/**
+ * Applies an alpha (opacity) value to a color string.
+ *
+ * Supported formats:
+ * - `rgba(r,g,b,a)` → updates alpha
+ * - `rgb(r,g,b)` → converted to `rgba`
+ * - `#rgb`, `#rrggbb`, `#rrggbbaa` → normalized to `#rrggbbaa`
+ *
+ * Unsupported formats (returned unchanged):
+ * - Named colors (`red`)
+ * - `hsl()` / `hsla()`
+ * - Invalid color strings
+ *
+ * @param color Input color string
+ * @param alpha Opacity value between `0` and `1` (default: `1`)
+ */
+const withAlpha = (color: string, alpha: number = 1) => {
+	if (!color) {
+		return color;
+	}
+
+	// case rgba
+	if (color.startsWith('rgba')) {
+		const match = color.match(/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([0-9.]+)\s*\)/);
+
+		if (!match) {
+			return color;
+		}
+
+		const [, r, g, b] = match;
+		return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+	}
+
+	// case rgb
+	if (color.startsWith('rgb')) {
+		const match = color.match(/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);
+
+		if (!match) {
+			return color;
+		}
+
+		const [, r, g, b] = match;
+		return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+	}
+
+	// case hex
+	if (color.startsWith('#')) {
+		let hex = color.slice(1);
+
+		// #rgb → #rrggbb
+		if (hex.length === 3) {
+			hex = hex
+				.split('')
+				.map(c => c + c)
+				.join('');
+		}
+
+		if (hex.length === 8) {
+			hex = hex.substring(0, 6);
+		}
+		if (hex.length !== 6) {
+			return color;
+		}
+
+		const alphaHex = Math.round(alpha * 255)
+			.toString(16)
+			.padStart(2, '0');
+
+		return `#${hex}${alphaHex}`;
+	}
+
+	// named colors / invalid strings
+	return color;
+};
+
+export default withAlpha;

package.json

@@ -52,7 +52,6 @@
 		"@rocket.chat/sdk": "RocketChat/Rocket.Chat.js.SDK#mobile",
 		"@rocket.chat/ui-kit": "0.31.19",
 		"bytebuffer": "5.0.1",
-		"color2k": "1.2.4",
 		"dayjs": "^1.11.18",
 		"dequal": "2.0.3",
 		"ejson": "2.2.3",

yarn.lock

@@ -7000,11 +7000,6 @@ color-string@^1.9.0:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
-[email protected]:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/color2k/-/color2k-1.2.4.tgz#af34950ac58e23cf224a01cb8dd0c9911a79605e"
-  integrity sha512-DiwdBwc0BryPFFXoCrW8XQGXl2rEtMToODybxZjKnN5IJXt/tV/FsN02pCK/b7KcWvJEioz3c74lQSmayFvS4Q==
-
 color@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"