fix(stepfunctions): specify line colors for Step Functions Executions graph to ensure failed executions don't show as green (#562)

The Step Functions Executions graph doesn't specify line colors for the
various metrics, which may lead to failed executions displaying as a
green line, and succeeded executions displaying as an orange line, as in
the screenshot below. This PR specifies line colors to avoid that
anomaly.

![Screenshot 2024-08-20 at 11 00
05 AM](https://github.com/user-attachments/assets/56411be6-f20a-4d34-ac3b-da128c587dd4)

---

_By submitting this pull request, I confirm that my contribution is made
under the terms of the Apache-2.0 license_

Author: kamalgill

lib/common/widget/color.ts

@@ -18,3 +18,15 @@ export const ErrorColor = "#d13212";
  * color to indicate neutral information
  */
 export const NeutralColor = "#999999";
+/**
+ * color to indicate throttled state
+ */
+export const ThrottledColor = "#5928ed";
+/**
+ * color to indicate a started state (e.g. Step Function executions)
+ */
+export const StartedColor = "#0073e6";
+/**
+ * color to indicate a timed out state
+ */
+export const TimedOutColor = "#333333";

lib/monitoring/aws-step-functions/StepFunctionMetricFactory.ts

@@ -4,9 +4,15 @@ import { IStateMachine } from "aws-cdk-lib/aws-stepfunctions";
 import {
   BaseMetricFactory,
   BaseMetricFactoryProps,
+  ErrorColor,
+  HealthyMetricColor,
   MetricFactory,
   MetricStatistic,
   RateComputationMethod,
+  StartedColor,
+  ThrottledColor,
+  TimedOutColor,
+  WarningColor,
 } from "../../common";
 
 const Namespace = "AWS/States";
@@ -83,7 +89,7 @@ export class StepFunctionMetricFactory extends BaseMetricFactory<StepFunctionMet
       MetricStatistic.SUM,
       "Failed",
       this.dimensionsMap,
-      undefined,
+      ErrorColor,
       Namespace,
       undefined,
       this.region,
@@ -106,7 +112,7 @@ export class StepFunctionMetricFactory extends BaseMetricFactory<StepFunctionMet
       MetricStatistic.SUM,
       "Timeout",
       this.dimensionsMap,
-      undefined,
+      TimedOutColor,
       Namespace,
       undefined,
       this.region,
@@ -120,7 +126,7 @@ export class StepFunctionMetricFactory extends BaseMetricFactory<StepFunctionMet
       MetricStatistic.SUM,
       "Throttled",
       this.dimensionsMap,
-      undefined,
+      ThrottledColor,
       Namespace,
       undefined,
       this.region,
@@ -134,7 +140,7 @@ export class StepFunctionMetricFactory extends BaseMetricFactory<StepFunctionMet
       MetricStatistic.SUM,
       "Aborted",
       this.dimensionsMap,
-      undefined,
+      WarningColor,
       Namespace,
       undefined,
       this.region,
@@ -148,7 +154,7 @@ export class StepFunctionMetricFactory extends BaseMetricFactory<StepFunctionMet
       MetricStatistic.SUM,
       "Started",
       this.dimensionsMap,
-      undefined,
+      StartedColor,
       Namespace,
       undefined,
       this.region,
@@ -162,7 +168,7 @@ export class StepFunctionMetricFactory extends BaseMetricFactory<StepFunctionMet
       MetricStatistic.SUM,
       "Succeeded",
       this.dimensionsMap,
-      undefined,
+      HealthyMetricColor,
       Namespace,
       undefined,
       this.region,