Made borders much thicker, and changed the grey colour to be lighter

drawtriangleinverted.js

@@ -114,7 +114,7 @@ svg.append("polygon")
   .attr("points", outerPoints.map(p => p.join(",")).join(" "))
   .attr("fill","none")
   .attr("stroke", colour)               // Outer line color
-  .attr("stroke-width", 3);                // Thin outer line
+  .attr("stroke-width", 9);             // Thicker outer line
 
 // Put label in bottom centre of triangle (adjust for flat top)
 const bottomLeft = outerPoints[0];
@@ -128,7 +128,7 @@ svg.append("text")
   .attr("y", midY + 30)   // Adjust for correct height (moved to bottom)
   .attr("text-anchor", "middle")
   .attr("fill", textcolour)    // My Colour
-  .attr("font-size", "24px")
+  .attr("font-size", "22px")
   .attr("font-weight", "bold")
   .text(`${text}`);
 
@@ -138,7 +138,7 @@ svg.append("text")
   .attr("y", midY + 80)
   .attr("text-anchor", "middle")
   .attr("fill", "black") // 🎨 customize color
-  .attr("font-size", "22px")
+  .attr("font-size", "24px")
   .attr("font-weight", "bold")
   .attr("font-family", "Courier New, monospace")
   .text(`${mean}`);