Configure ElementPopover/PlateFloatingMedia styles

[TrySpace]

Description
I can't seem to find a way to add styles to the PlateFloatingMedia/ElementPopover component that is used in the ImageElement's popup.

I can configure the following:

    img: CSSProp;
    resizable: CSSProp;
    figure: CSSProp;
    figcaption: CSSProp;
    caption: CSSProp;
    handle: CSSProp;
    handleLeft: CSSProp;
    handleRight: CSSProp;

And add something to createPlateUI like:

[ELEMENT_IMAGE]: withProps(ImageElement, {
  styles: {
      caption: { border: '1px solid red' }
  }
})

However the dark theme from @mui is changing the inherited font color (with light theme the font is visible):

And I need to find a way to change the styles of the popover elements. It seems the color prop is inherited, yet the background-color of the popover is not.
I can't find any documentation on styling the popover here or anywhere else. I think it is outside the scope of configuration atm.

I see there is a mediaFloatingOptions somewherebut I don't know how to set that or themiddleware` property anywhere, and not sure if that will override styles or not.

[zbeyens]

PlateFloatingMedia is a dumb component not meant to be overridden, so you should fork it and use your own styling

[pandeymangg]

@zbeyens does the same also apply for PlateFloatingLink as well? I wanna customize its styles.

[zbeyens]

Yes