Feature request: dialog box shadow (dark mode)

[FlameWolf]

Dialog elements having a box-shadow of 0 0 0 1px var(--border) will be helpful in dark mode. See attached image for comparison:

[FlameWolf]

Or, the backdrop colour can be updated in dark mode:

@media (prefers-color-scheme: dark) {
	dialog::backdrop {
		background: rgba(255, 255, 255, 0.61);
	}
}

Or for both modes:

dialog::backdrop {
	background: rgba(144, 149, 156, 0.5);
}

Additionally, I'm wondering why dialog has a darker BG colour anyway, since it's going to be painted over a backdrop layer. The darker background makes form controls look dimmer, as can be observed in the above screenshot.

[Ajay-308]

hey can you assign this issue to me!