feat: add overlay color option to Boarding class

josias-r · Aug 1, 2024 · ab2a2f9 · ab2a2f9
1 parent 4712af8
commit ab2a2f9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/lib/boarding.ts b/src/lib/boarding.ts
@@ -104,6 +104,7 @@ class Boarding {
       radius: this.options.radius,
       onReset: this.options.onReset,
       opacity: this.options.opacity,
+      overlayColor: this.options.overlayColor,
       onOverlayClick: () => {
         // Perform the 'Next' operation when clicked outside the highlighted element
         if (this.options.overlayClickNext) {

diff --git a/src/lib/core/overlay.ts b/src/lib/core/overlay.ts
@@ -37,6 +37,11 @@ export interface OverlayTopLevelOptions {
    * @default 0.75
    */
   opacity?: number;
+  /**
+   * Background color for the overlay element
+   * @default rgb(0,0,0)
+   */
+  overlayColor?: string;
 }
 
 interface OverlayOptions
@@ -377,6 +382,7 @@ class Overlay {
       opacity: this.options.opacity,
       radius: definition.radius,
       animated: this.options.animate,
+      fillColor: this.options.overlayColor,
     };
 
     // mount svg if its not mounted already