v6: Dialog default styling

[a-kriya]

Was testing the Dialog component at https://v6-dev--twbs-bootstrap.netlify.app/docs/6.0/components/dialog/#example

In the dark mode, I felt that the backdrop blur of 8px is a bit jarring on open/close, and when present, focusing on the dialog gave me an uneasy feeling. The dialog background color also seems too close to that of the backdrop's, so even after the blur, the dialog didn't seem to have a clear boundary.

For easy comparison:

Overall it seemed easier to switch focus in and out of v5 dialogs. Maybe it's just me, in which case I can update the config, but I've used many UI frameworks, and I don't really remember feeling.. woozy, so thought I should bring it up :)

[Drumstix42]

Too much blur for sure.

[ajiho]

Haha, "dizzy" is a pretty fitting description. 😄 Looking at the DaisyUI modal (https://daisyui.com/components/modal/), its backdrop is only slightly dimmed, very similar to Bootstrap 5. Since the first v6 alpha hasn't been officially released yet, I think there's still time to tweak this.

@mdo What are your thoughts on this? My personal preference would be to restore the v5 behavior.

[mdo]

Feedback is heard, but I want to leave the blur for awhile longer. I did fix up some Dialog and Drawer CSS in #42604 which definitely helps with the dialog in dark mode. Feels closer to v5 but with the new colors and tokens of v6 intact. Please give it a look and tell me what y'all think. Preview deploy at https://deploy-preview-42604--twbs-bootstrap.netlify.app/docs/6.0/components/dialog/.

[Drumstix42]

The updated styling definitely helps the contrast and default readability.

I think the blur will come down to personal taste. Even just the 2px to 4px range is fairly decent, and noticeably feels like it it still helps bring your eyes to the modal appearing. But this is always fairly easy to override with the custom variables!

[mdo]

Appreciate the timely feedback! I'll play around with less blur and see how it feels. Thanks again, and glad the improvements help!

[a-kriya]

It's noticeably better, thanks.

I do still think there is some room for tuning, but it could be subjective. Please consider getting an opinion of more folks!

[mdo]

Yup, that's what the alpha release will be for :).