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-translucent
variables and utilities? -
Update dropdowns, modals, offcanvas, popovers, toasts