Breadcrumbs text and default links fail contrast ratio

https://v5.getbootstrap.com/docs/5.0/components/breadcrumb/

The active text/separator for breadcrumbs uses #6c757d on #e9ecef with a contrast ratio of 4:1. The default links in breadcrumbs use #0d6efd on #e9ecef with a contrast ratio of 3.8:1.

bumping the text/separator from $gray-600 to $gray-700 (#495057) shoots up the contrat to 6.9:1. For the links, however, there’s very little wiggle room … not sure how/if that can be tackled - #0d6efd has a ratio of 4.5:1 only against pure white, so even lightening the breadcrumbs background a bit won’t help

[ffoodd]

I think I suggested that somewhere. Honestly I’d drop both background and borders, to simplify theming.

[ffoodd]

Regarding the CSS custom property, we might do as in another place, using an unassigned custom property and our Sass variables as a fallback:

.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-separator, #{$breadcrumb-separator)};
}