Fix the last breadcrumb item appearance

[stsrki]

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework

Description

Make the last breadcrumb item grayed.

Steps to Reproduce

Go to https://bulma.io/documentation/components/breadcrumb/

Expected behavior

The last breadcrumb item should not look like a clickable link.

Actual behavior

It looks like a link, but when hovering with the mouse, it doesn't have a pointer.

---

Prior to v1

After the v1

[ghost]

Its not broken, the issue is only in Light theme. I am not a CSS expert, but it seems the determination of the colors is done through some fancy handling of hues, which seems to work well in dark them but not so much in light theme. You are still able to get different colors if you set the CSS or SASS variables,

I did this in my SCSS:

@use "bulma/sass/components/breadcrumb" with ( $breadcrumb-item-color: hsl(217, 71%, 53%), $breadcrumb-item-hover-color: hsl(220, 75%, 70%), $breadcrumb-item-active-color: hsl(222, 10%, 10%) );

but of course its not as clean.

[ragamuf]

Give this a try:

.breadcrumb {
     --bulma-breadcrumb-item-active-color: var(--bulma-title-color);
 }