Overlay Stable Dark theme

A container overlaying the page to place the focus on this popped-up content. The rest of the visible interface below is darkened by a fog.

<uimc-overlay id="">
  <img src="/ui-marcom/3" />
</uimc-overlay>

Attribute	Description	Values	Default
open	Reflects the state of visibility	–	–
theme	Set the color scheme of the component	`light`, `dark`	`light`

Slot	Slotted content
default	Nest any suitable content, but it works also well with images

Open overlay

<uimc-overlay id="overlay">
  <img src="/ui-marcom/3/assets/img/brandville/CT_Somatom_go.Up_42238_IMAGE_Reflection.jpg" />
</uimc-overlay>

Open overlay in dark

<uimc-overlay id="dark-overlay" theme="dark">
  <img src="/ui-marcom/3/assets/img/aspect-ratios/covered-stage-4x3.jpg" />
</uimc-overlay>