language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-11-02 04:48:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

figma-inspector: Generalize rgbToHex helper function

Browse source 
Re-use the color types that figma provides and accept both of them.
This commit is contained in:
Simon Hausmann 2025-04-17 16:17:32 +02:00 • committed by Simon Hausmann
parent 93fe0174fc
commit b674103551
1 changed files with 5 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
tools/figma-inspector/backend/utils/property-parsing.ts
View file

@ -22,20 +22,14 @@ const textProperties = [
const unsupportedNodeProperties = ["x", "y", "width", "height", "opacity"];
export type RGBAColor = {
r: number;
g: number;
b: number;
a: number;
};
export function rgbToHex(rgba: RGBAColor): string {
export function rgbToHex(rgba: RGB | RGBA): string {
const red = Math.round(rgba.r * 255);
const green = Math.round(rgba.g * 255);
const blue = Math.round(rgba.b * 255);
const alpha = Math.round(rgba.a * 255);
const alphaF = "a" in rgba ? rgba.a : 1;
const alpha = Math.round(alphaF);
const values = rgba.a < 1 ? [red, green, blue, alpha] : [red, green, blue];
const values = alphaF < 1 ? [red, green, blue, alpha] : [red, green, blue];
return "#" + values.map((x) => x.toString(16).padStart(2, "0")).join("");
}
@ -66,7 +60,7 @@ export function generateRadialGradient(fill: {
export function generateLinearGradient(fill: {
opacity: number;
gradientStops: Array<{ color: RGBAColor; position: number }>;
gradientStops: Array<{ color: RGBA; position: number }>;
gradientTransform: number[][];
}): string {
if (!fill.gradientStops || fill.gradientStops.length < 2) {