flamegraph in branded yellow color

This commit is contained in:
Theis Pieter Hollebeek 2024-12-17 11:40:49 +01:00
parent f373e3574c
commit 0d4488e781

View File

@ -90,7 +90,7 @@ export function loadFlameGraph(
function renderNodes(nodes: CalcNode[]) {
for (const node of nodes) {
const { x, y, w, h } = node;
ctx.fillStyle = "rgb(255, 125, 0)";
ctx.fillStyle = "rgb(227, 178, 60)";
ctx.fillRect(x + 2, y + 2, w - 4, h - 4);
const textCanvas = drawTextCanvas(node);
@ -105,8 +105,8 @@ export function loadFlameGraph(
x + 2 + edgeWidth,
0,
);
leftGradient.addColorStop(1, "rgba(255, 125, 0, 0.0)");
leftGradient.addColorStop(0, "rgba(255, 125, 0, 1.0)");
leftGradient.addColorStop(1, "rgba(227, 178, 60, 0.0)");
leftGradient.addColorStop(0, "rgba(227, 178, 60, 1.0)");
ctx.fillStyle = leftGradient;
ctx.fillRect(x + 2, y + 2, Math.min(edgeWidth, (w - 4) / 2), h - 4);
@ -116,8 +116,8 @@ export function loadFlameGraph(
x + w - 2 - edgePadding,
0,
);
rightGradient.addColorStop(0, "rgba(255, 125, 0, 0.0)");
rightGradient.addColorStop(1, "rgba(255, 125, 0, 1.0)");
rightGradient.addColorStop(0, "rgba(227, 178, 60, 0.0)");
rightGradient.addColorStop(1, "rgba(227, 178, 60, 1.0)");
ctx.fillStyle = rightGradient;
ctx.fillRect(
x + w - 2 - Math.min(edgeWidth, (w - 4) / 2),