# Code block outlook doesn't work well

**URL:** <https://meta.discourse.org/t/code-block-outlook-doesnt-work-well/231616>\
**Category:** Product Support\
**Created:** [June 30, 2022, 10:19pm UTC](https://meta.discourse.org/t/code-block-outlook-doesnt-work-well/231616 "2022-06-30T22:19:26Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![SkyLin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/skylin/32/206593_2.png) [@SkyLin](https://meta.discourse.org/u/SkyLin)\
**Post date:** [July 2, 2022, 6:10am UTC](https://meta.discourse.org/t/code-block-outlook-doesnt-work-well/231616/7 "2022-07-02T06:10:45Z")

</div>

> [@Takanobu\_Fuse](#):
>
> My Solution
> 
> 1. uninstall component “hljs-theme-picker”
> 2. pick up the one css file ( I picked up rainbow.css) from the below
> 
> [hljs-theme-picker/assets at main · discourse/hljs-theme-picker · GitHub](https://github.com/discourse/hljs-theme-picker/tree/main/assets)
> 
> 1. edit theme CSS/HTML, copy and paste contents in rainbow.css

Many thanks to Takanobu san.

This solution works fine.

 ![python code sample - correct outlook](https://global.discourse-cdn.com/meta/original/4X/b/b/2/bb28fea000c581a7127cb9e5b33ba82ca1f5c158.jpeg)

I think this means discourse hljs theme picker has some hidden bug. No reason the same code works fine with CSS but failed on component installed.

And I’m sorry that I will not set your solusion as ✅ Soluion, though it truly solve my problem. I leave it as open and hope discourse team @cocococosti can find out the reason behind and work out a formal solution.

The CSS code I use is what I set in hljs theme picker:

> <https://github.com/discourse/hljs-theme-picker/blob/main/assets/atom-one-dark.css>

Many thanks again.

---

_[View the full topic](https://meta.discourse.org/t/code-block-outlook-doesnt-work-well/231616)._