Code blocks within blockquote are not displayed correct

[uyu423]

Summary

• Hello
• I often write code within blockquotes.
• But, Blocks of code within a blockquote with .is-info, .is-success, .is-warning, and .is-danger color schemes do not display correctly.

Screenshot and markdown

> is
> ```
> console.log("can you read this?");
> ```
> default

> is
> ```
> console.log("can you read this?");
> ```
> info
{.is-info}

> is
> ```
> console.log("can you read this?");
> ```
> success
{.is-success}

> is
> ```
> console.log("can you read this?");
> ```
> warning
{.is-warning}

> is
> ```
> console.log("can you read this?");
> ```
> danger
{.is-danger}

interim measures

• Paste the css below in Admin - Themes - Custom CSS.

.v-main .contents blockquote.is-info code {
  background-color: unset;
  color: unset
}
.v-main .contents blockquote.is-warning code {
  background-color: unset;
  color: unset
}
.v-main .contents blockquote.is-success code {
  background-color: unset;
  color: unset
}
.v-main .contents blockquote.is-danger code {
  background-color: unset;
  color: unset
}

[uyu423]

Pull Request: #5895

[Nyxtorm]

Hi @uyu423,

Thanks for sharing this tip. I propose a small improvement to not include inline code :

.v-main .contents blockquote.is-danger code[class^="language-"] {
  background-color: unset;
  color: unset;
}
.v-main .contents blockquote.is-info code[class^="language-"] {
  background-color: unset;
  color: unset;
}
.v-main .contents blockquote.is-success code[class^="language-"] {
  background-color: unset;
  color: unset;
}
.v-main .contents blockquote.is-warning code[class^="language-"] {
  background-color: unset;
  color: unset;
}

Before :

After :