flamegraph in branded yellow color

examples/example_1.slg

@@ -14,19 +14,12 @@ fn main() {
     print(a + " " + b + "!\n"); // -> "Hello world!"
 
     if a == b {
-        print("whaaaat\n");
+        print("Equal\n");
     }
     else {
-        print(":o\n");
+        print("Unequal\n");
     }
 
-    loop {
-        let i = 0;
-
-        if i >= 10 {
-           break;
-        }
-
-        i = i + 1;
+    for (let i = 0; i < 10; i += 1) {
     }
 }

web/public/src/flamegraph.ts

@@ -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),