mjbvz / vscode-github-markdown-preview-style

VS Code extension that changes the built-in markdown preview to match Github's styling
https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles
MIT License
303 stars 57 forks source link

Dark theme #65

Closed usernamehw closed 2 years ago

usernamehw commented 3 years ago

GitHub now has official support for 2 themes:

Having at least one of them implemented in this extension (and used if active theme is dark) would be great.

kdomke commented 3 years ago

Oh, this would be soooo good.

ghost commented 3 years ago

I got this working at https://github.com/OzakIOne/markdown-github-dark/tree/8e173b6

https://marketplace.visualstudio.com/items?itemName=ozaki.markdown-github-dark

mjbvz commented 3 years ago

Want to submit a PR? Seems silly to have two extensions for GitHub styling

ghost commented 3 years ago

I absolutely agree, but that other extension is a hack that I threw together. (I edited in node-modules!) I think it's better to wait until Sindre and Hyrious have okayed the upstream issue: sindresorhus/github-markdown-css#76

Afterwards, ozaki's extension could switch to dark-only to differentiate from this extension (I am checking with ozaki as to whether the extension was meant to be dark-only in the first place)

ghost commented 3 years ago

Yeah Ozaki's extension is dark only. I would suggest to get a fork of https://github.com/hyrious/github-markdown-css/tree/785253e running and help them add a Puppeteer "used CSS" coverage filter.

carloswm85 commented 2 years ago

I got this working at https://github.com/OzakIOne/markdown-github-dark/tree/8e173b6

https://marketplace.visualstudio.com/items?itemName=ozaki.markdown-github-dark

Please, do send a PR. The more people working in the same place, the better.

I'm a little confused about all this comments and links. Can anyone tell me in on paragraph where this idea is going? It seems to be there's a lot of people and projects involves, and pulling cords from different places.

ghost commented 2 years ago

I personally feel that this extension should be able to build automatically.. If sindresorhus/github-markdown-css#76 is not addressed, the extension will require edits to node_modules which is bad juju

ghost commented 2 years ago

PR just opened! 😆

Dark dimmed would require me to generate themes. And there's little benefit as there is no corresponding container class in Visual Studio Code.

I want a high-contrast theme but it would take much development time so lets put it on the bakcburner.

ghost commented 2 years ago

How do people feel about a dark-only or light-only switch on this extension? This exists on the marketplace already, but Matt's interested in shipping these with the extension. React with 👍🏾 if you feel it's useful; react with 👎🏾 if you feel its unneeded.

usernamehw commented 2 years ago

It would make sense if it was an enum with 3 options:

1) Depending on the current theme workbench.colorTheme (if theme is dark - preview is dark, if light - preview is light) 2) Dark 3) Light

ghost commented 2 years ago

So being able to switch it through a menu action isn't necessary in your opinion?