diff --git a/src/ui/layout/Breadcrumbs.scss b/src/ui/layout/Breadcrumbs.scss index 0ca3e975..2f7177e6 100644 --- a/src/ui/layout/Breadcrumbs.scss +++ b/src/ui/layout/Breadcrumbs.scss @@ -36,8 +36,13 @@ } } + // Angular renders middle-crumb links in solid $white and only fades + // the final crumb to 0.75 opacity (see `page-breadcrumds.scss`). The + // React equivalent: all links default white; the --active modifier + // swaps to the faded tone. The span rendered for the last entry + // follows the same active-fade via `&__text` below. &__link { - color: colors.$breadcrumb-item-active-color; + color: colors.$white; text-decoration: none; &:hover {