github-vscode-theme icon indicating copy to clipboard operation
github-vscode-theme copied to clipboard

Inline code block is not readable when using `GitHub Dark High Contrast` theme

Open babakfp opened this issue 1 year ago • 7 comments

Description

Hi

This is the markdown preview:

image

and it is the result of this markdown content:

image

I can confirm that this happens when all extensions (other than this one) are disabled.

Steps to reproduce

Just switch to the GitHub Dark High Contrast theme and preview a markdown content in vsCode.

Version

v6.3.4

Theme

GitHub Dark High Contrast

babakfp avatar Jan 23 '24 11:01 babakfp

What type of font is used?

tks

haidoph avatar Jan 26 '24 10:01 haidoph

this is also the case for me

luctowers avatar Jan 29 '24 11:01 luctowers

Adding this to settings.json works as a hack.

"workbench.colorCustomizations": {
    "textPreformat.foreground": "#000000"
}

luctowers avatar Jan 29 '24 13:01 luctowers

What type of font is used?

tks

https://www.jetbrains.com/lp/mono/

babakfp avatar Jan 29 '24 16:01 babakfp

Adding this to settings.json works as a hack.

"workbench.colorCustomizations": {
    "textPreformat.foreground": "#000000"
}

Awesome, thank you. I changed your code to this:

"workbench.colorCustomizations": {
    "textPreformat.background": "#3d3d3d"
},

and this is the result:

image

babakfp avatar Jan 29 '24 16:01 babakfp

Adding this to settings.json works as a hack.

"workbench.colorCustomizations": {
    "textPreformat.foreground": "#000000"
}

Awesome, thank you. I changed your code to this:

"workbench.colorCustomizations": {
    "textPreformat.background": "#3d3d3d"
},

and this is the result:

image

Ugh, after years of squinting at these unreadable blocks I've finally found a solution. Thanks!

j-w-yun avatar Jun 13 '24 04:06 j-w-yun

@babakfp

Awesome, thank you. I changed your code to this:

"workbench.colorCustomizations": {
    "textPreformat.background": "#3d3d3d"
},

and this is the result:

image

Your fix looks great! I was looking on the contribution guide in the README and it asks that contributions try to stick to the colours listed in the Primer Design System. The closest colour to your suggestion of #3d3d3d on the colour sheet is #3d424d, which is called base-color-neutral-7.

Aethereal-Wraith avatar Jul 24 '24 01:07 Aethereal-Wraith