Better color contrast for console highlights

[soham96]

The contrast between the colors is very bad for the console highlights. Also, the background color is very similar to the code/bash highlight console color.

Can we make the text color for the console highlight darker and the background color a different color?

Or can we use the same color scheme as how tensorflow uses? Link for ref: https://www.tensorflow.org/model_optimization/guide/quantization/training_example

[suriyadeepan]

@soham96

You can change the colors here and background here.

[soham96]

Thanks....will play around with this

[suriyadeepan]

@soham96 Close the issue when you push the color changes

[soham96]

Made the color changes and pushed them. However, I cannot change just the background color of the console output. @prasannakumaar28 can you help out?

Can you change the background color of console outputs to: rgba(255, 247, 237, 1)

[suriyadeepan]

@soham96 you can change the bg here.

[soham96]

Yea, I changed it there, but it is changing the color for both code and console blocks.

[suriyadeepan]

Both the blocks are code blocks @soham96. I don't think you can change the background for one without changing the other.

[soham96]

So one of the block is a python block and the other is a console block. I am guessing that there could be a way to specify a different color for just the console blocks. Let me search for something

[soham96]

I tried to understand how we can implement different colors. So from the image, you can see that the pre tag is the main block of code. Inside the pre tag, there is a code tag which specifies the type of cell (like bash or console). Is there a way we can use the class of the code tag inside the pre tag, like I have put bash and then in the css, we can latch on to that class and change the background color?

I tried it in the browser using inspect element and it worked, although I am not sure if it is doable in code. Or maybe there is a better way to implement it?