this.mapToolbarService.isDarkModeActive$
      .pipe(takeUntil(this.unsubscriber.done))
      .subscribe((isDarkModeActive: boolean) => {
        this.changeTheAgCircleColor(isDarkModeActive);
        ComponentChangeUtils.detectChanges(this.changeRef);
      });
  }
//------------------------------------------------------------
  changeTheAgCircleColor(isDarkModeActive: boolean) {
    if (isDarkModeActive) {
      this.pickupClusterPoints.forEach((point) => {
        point.fillColor = '#FFCF4D';
        point.strokeColor = '#FFEB3B';
      });
    } else {
      console.log('light mode', isDarkModeActive);
      // this.pickupClusterPoints.forEach((point) => {
      //   point.fillColor = '#FFCF4D';
      //   point.strokeColor = '#333';
      // });
    }
  }