Code inside hint illegible in Dark Mode

[Seanny123]

Code inside of a hint fails to render visibly when viewing the document in Dark Mode.

Example

Given the following markdown:

## Using `code`

{{< hint danger >}}
Using `code` while dark.
{{< /hint >}}

The rendering is illegible while viewing it in dark mode:

But legible in light mode:

Possible cause

I think the hint styling over-rides the body font, which also overrides the code's font?

Specifically, in src/sass/_shortcodes.scss:

// {{< hint >}}
.gdoc-hint {
  @each $name, $color in $hint-colors {
    &.#{$name} {
      border-left-color: $color;
      background-color: scale-color($color, $lightness: 95%, $saturation: -30%);
      color: $body-font-color;
    }
  }

  .gdoc-page__anchor {
    display: none;
  }
}

[xoxys]

Thanks for your report. Right now, I'm not able to reproduce it:

Have you customized the theme or just use it as it is? What version do you use?

[xoxys]

IIRC we have fixed this in #159 already, so I guess you are running an older version and would have to upgrade the theme.

[Seanny123]

I can't believe I forgot to check what version I was using. I'm on 0.13.5. My apologies.

[xoxys]

Nah no worries 🙂