Bulma: [Bug] Hero in-primary text color

[ghost]

Font color of the box is wrong while hero is-primary.
Bulma: 0.4.0

  <section class="hero is-fullheight is-primary is-bold">
    <div class="hero-body">
      <div class="container">
        <div class="columns is-vcentered">
          <div class="column is-4 is-offset-4">
            <div class="box">
             I'm white
             <p>I'm white too</p>
            </div>
            <p class="has-text-centered">
              <a href="#">I'm barly visible</a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>

[AlgusDark]

This is still happening in 0.4.1. The colors affected are:

.is-dark .is-black .is-primary .is-info is-success .is-danger

A proposed solution could be add color: #0a0a0a; to .box or write rules like:

.hero.is-black .box {
    color: #0a0a0a;
}

for the 5 color modifiers.

[fguisso]

I had the same problem.

Perhaps one solution is to add features to the contents of the box. Does anyone think it's not necessary? For me it's a feature, if we all approve, I can do a PR.

---

Thinking better, all elements need a revision when they have a .box inside a .hero

[sean-lynch]

Appears to still be in an issue as of v0.7.1 (at least in the hero->navbar->dropdown case)

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Sharparam]

Still an issue in v0.7.5 for the hero -> navbar -> dropdown case. Can this be re-opened?

Edit: Nvm, seems this open issue might be more relevant: #837