Problem with the translucent border-color via rgba() is that we often use negative margin and the like to overlap elements (like our input groups and table rows). As a result, some border segments get a doubled opacity, which is no bueno. Was worth trying out at least, but my dark mode work shows it's not working.
Something to still figure out—should the default .border utilities use an rgba() value instead? I don't think we can just yet. Worth noting that we'll keep the local-vars on those default utilities as it sets --bs-border-opacity: 1 for the border-color utilities. This feels right as it's a bit of a shortcut for not having to redeclare the opacity on every utility, but maybe that's not right.
Edit: Actually we added a global --bs-border-opacity: 1, so we can perhaps remove it from the default utilities.
-
Add border-color-translucentvariables and utilities? -
Update dropdowns, modals, offcanvas, popovers, toasts