Why my inline code rendered as white but not red?

[Gary Chen]

Screenshot from my workspace: white and transparent

Screenshot from help page: red

Where can I set it up?

[Sunny Ape · Accepted solution]

Hello @Gary Chen 

Are you seeing that via the mobile app? If so, did you see this warning message at the top of the Trello Markdown documentation page:

Markdown does not work in card titles, and not all syntax will display when using the Trello mobile app.

If you open the Trello board via a normal web browser and look at the card, does the text with the markdown appear correctly in red, like this:

[Gary Chen]

Hi @Sunny Ape 

Thanks for your reply.
I opened it on the normal web browser, the text with markdown appear in white.

[Sunny Ape]

Hello @Gary Chen 

When you say 'white' text, do you mean the text was BLACK?

And when you then tested with other web browers, did they also display the text as black?

[Gary Chen]

Hi @Sunny Ape 

I tested it again in another browser Chrome, still not ok.

[Sunny Ape]

Hmmm. It's working just fine for me with Firefox, Chrome and Edge on Win64.

Are you using just two back quotes around the text, like this:

`test description`

Are you trying to add other markdown codes to the text?

[Gary Chen]

Yes. I think it’s working good except the color rendered.

[Gary Chen]

Both inline code and code block are rendered as white.

Raw description content:

* inline code test
`test description`

* code block test
```java
public class Demo {
}
```

1. A
2. *B*
3. **C**

[Gary Chen]

Hi @Sunny Ape 

Thanks again. My colleague helped me solve this problem. I turned on the color blind mode in the settings. It's working good after disabled.

[Sunny Ape]

Ahh, that explains it :) I was going to suggest maybe a browser side extension that was altering the CSS.

As a side note, I have found that the rendering of code blocks using markdown can be 'tricked' into rendering incorrectly.  For example, this text with markdown:

code block test

```
public class Demo {
}
```

...then it will be tricked into rendering it as inline code:

But if I make the line of text before that code block a bullet list with an asterix, like this:

* code block test
```
public class Demo {
}
```

...then the code block will render correctly:

The same applies to putting a full line break before the code block definition:

code block test

```
public class Demo {
}
```

...which renders correctly:

Trello's markdown is very sensitive to the preceding line of text being either a line break or some other marked down text.