Usage of non default colors breaks styling

[188599]

Describe the bug

Passing a non default color to the component breaks the styling for selection in the calendar, and marker for the current date.

To Reproduce

No response

Code snippet

No response

Expected behavior

The pre-forked version of the library supported the usage of non-default colors, so I assumed this would too.

Node.js Version

No response

OS

No response

Additional Library Versions

No response

Additional context/Screenshots

Without selecting any color:

With non default color:

[heliomarpm]

Can you send a code example please?

[188599]

Well, I ended up doing this to make it work, which I'm not sure if its the intended way, but it works.

    const options: ICalendarModalOptions = {
      //...
      cssClass: 'ion-my-non-default-color',
      color: 'custom',
    };

  ion-calendar-modal {
    --ion-color-custom: var(--ion-color-base);
    --ion-color-custom-rgb: var(--ion-color-base-rgb);
    --ion-color-custom-contrast: var(--ion-color-contrast);
    --ion-color-custom-contrast-rgb: var(--ion-color-contrast-rgb);
    --ion-color-custom-shade: var(--ion-color-shade);
    --ion-color-custom-tint: var(--ion-color-tint);
  }

If this is intended, I think it would be good to add this as an example to the readme section.