jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Handle short form hex colors in conversion functions (#24642)

Browse Source 
* Handle short form hex colors in conversion functions

* drop alpha codes
This commit is contained in:
karwosts 2025-03-16 01:13:13 -07:00 committed by GitHub
parent f6a7e40d4a
commit d4717f1293
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/common/color/convert-color.ts
View File

@ -132,6 +132,15 @@ export const hs2rgb = (hs: [number, number]): [number, number, number] =>
export function theme2hex(themeColor: string): string {
if (themeColor.startsWith("#")) {
if (themeColor.length === 4 || themeColor.length === 5) {
const c = themeColor;
// Convert short-form hex (#abc) to 6 digit (#aabbcc). Ignore alpha channel.
return `#${c[1]}${c[1]}${c[2]}${c[2]}${c[3]}${c[3]}`;
}
if (themeColor.length === 9) {
// Ignore alpha channel.
return themeColor.substring(0, 7);
}
return themeColor;
}

5
test/common/color/convert-color.test.ts
View File

@ -46,10 +46,13 @@ describe("Color Conversion Tests", () => {
expect(hs2rgb(hs)).toEqual([255, 0, 0]);
});
it("should convert theme color to hex", () => {
it("should convert theme color to hex (ignoring alpha)", () => {
expect(theme2hex("red")).toBe("#ff0000");
expect(theme2hex("#ff0000")).toBe("#ff0000");
expect(theme2hex("unicorn")).toBe("unicorn");
expect(theme2hex("#abc")).toBe("#aabbcc");
expect(theme2hex("#abcd")).toBe("#aabbcc");
expect(theme2hex("#aabbccdd")).toBe("#aabbcc");
});
it("should convert rgb theme color to hex", () => {