Why my inline code rendered as white but not red?
Asked by Gary Chen:

Screenshot from my workspace: **white and transparent**

![Screen Shot 2021-08-13 at 3.21.40 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/155835i0E7C24367BF34ED8/image-size/large?v=v2&px=999 "Screen Shot 2021-08-13 at 3.21.40 PM.png")

Screenshot from [help page](https://help.trello.com/article/821-using-markdown-in-trello): **red**

![Screen Shot 2021-08-13 at 3.22.39 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/155836i54B392516D737DB5/image-size/large?v=v2&px=999 "Screen Shot 2021-08-13 at 3.22.39 PM.png")

Where can I set it up?


Answers:
author: David Bakkers
body: Hello [@Gary Chen](/t5/user/viewprofilepage/user-id/4514538)

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](https://help.trello.com/article/821-using-markdown-in-trello):
> 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:

![Annotation 2021-08-13 204010.png](https://community.atlassian.com/t5/image/serverpage/image-id/155867iFDB0F46507416869/image-size/large?v=v2&px=999 "Annotation 2021-08-13 204010.png")

comments: author: Gary Chen
body: Hi [@David Bakkers](/t5/user/viewprofilepage/user-id/1575730)

<br />

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


author: David Bakkers
body: Hello [@Gary Chen](/t5/user/viewprofilepage/user-id/4514538)

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?


author: Gary Chen
body: Hi [@David Bakkers](/t5/user/viewprofilepage/user-id/1575730)

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

![Screen Shot 2021-08-13 at 6.50.09 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/155868i7672035723EC6E43/image-size/large?v=v2&px=999 "Screen Shot 2021-08-13 at 6.50.09 PM.png")


author: David Bakkers
body: 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?


author: Gary Chen
body: Yes. I think it's working good except the color rendered.  

![Screen Shot 2021-08-13 at 6.56.53 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/155869iA125B7556D67BFC9/image-size/large?v=v2&px=999 "Screen Shot 2021-08-13 at 6.56.53 PM.png")


author: Gary Chen
body: Both inline code and code block are rendered as white.  

Raw description content:

\* inline code test  
\`test description\`

<br />

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

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

<br />

<br />

![Screen Shot 2021-08-13 at 7.01.24 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/155870iCFBE431892BC14A0/image-size/large?v=v2&px=999 "Screen Shot 2021-08-13 at 7.01.24 PM.png")


author: Gary Chen
body: Hi [@David Bakkers](/t5/user/viewprofilepage/user-id/1575730)   

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.


author: David Bakkers
body: 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:

![Code block red.png](https://community.atlassian.com/t5/image/serverpage/image-id/155871i7110594E50AB56E3/image-size/large?v=v2&px=999 "Code block red.png")

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:

![Code block black.png](https://community.atlassian.com/t5/image/serverpage/image-id/155872i2362DF8DE31BED6B/image-size/large?v=v2&px=999 "Code block black.png")

The same applies to putting a full line break before the code block definition:
> code block test
>
> <br />
>
> \`\`\`  
> public class Demo {  
> }  
> \`\`\`

...which renders correctly:

![Code block black 2.png](https://community.atlassian.com/t5/image/serverpage/image-id/155876iA6311DA7C02E5E51/image-size/large?v=v2&px=999 "Code block black 2.png")

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