madskristensen / markdowneditor2022

A Visual Studio extension

Markdown Editor v2 for Visual Studio

Download this extension from the Visual Studio Marketplace or get the CI build.

---

A full featured Markdown editor with live preview and syntax highlighting. Supports GitHub flavored Markdown.

This is a complete rewrite of the original Markdown Editor with tons of fixes, tweeks, and performance improvements. A few little-used features are not being ported to this new extension, so if you rely on them you should keep using the original.

Features

• Powered by Markdig - the best markdown parser
• Syntax highlighting of code blocks (using Prism.js)
• Live preview window with scroll sync and dark theme support
  • Both vertical and horizontal layout supported
• CommonMark and GitHub flavored Markdown + FrontMatter YAML
• Mermaid and math notation rendering supported
• Jump between Markdown Headings from the NavigationBar
• Drag 'n drop of images supported
• Paste image from clipboard directly onto document
• Table of contents (TOC) generation
• Outlining/folding of code blocks
• Keyboard shortcuts
• Support for custom CSS and HTML templates in preview window
• Brace completion with type-through
• Validation of relative URLs
• Lightning fast

Live Preview Window

The preview window opens up on the right side of the document when it opens.

Every time the markdown document is modified, the preview window will update.

The preview window is automatically scrolled to match the scroll position of the document. As the document is scrolled up and down, the preview window will follow.

Live preview can be managed in the settings.

Syntax highlighting

All fonts can be changed in Tools -> Options -> Environment -> Fonts and Colors dialog.

GitHub and other flavors

Advanced markdown extensions are supported to give more features to the syntax. This includes pipe tables, emoji, mathematics and a lot more.

IntelliSense

You get full IntelliSense for over 1,600 emoji and smiley characters.

Heading-based navigation

The NavigationBar shows all of the document headings, like a table of contents. Select a heading to jump to that section of the document.

Drag 'n drop images

Drag an image directly from Solution Explorer onto the document to insert the appropriate markdown that will render the image.

Paste images

This is really helpful for copying images from a browser or for inserting screen shots. Simply copy an image into the clipboard and paste it directly into the document. This will prompt you for a file name relative to the document and then it inserts the appropriate markdown.

It will even parse the file name and make a friendly name to use for the alt text.

Outlining

Any fenced code and HTML blocks can be collapsed, so that this:

...can be collapsed into this:

Keyboard shortcuts

Ctrl+Alt+R Refresh the preview window.

Ctrl+Alt+K Inserts a new link.

Ctrl+B makes the selected text bold by wrapping it with **.

Ctrl+I makes the selected text italic by wrapping it with _.

Ctrl+Space checks and unchecks task list items.

- [x] task list item

Tab increases indentation of list items.

Shift+Tab decreases indentation of list items.

Ctrl+K,C wraps the selection with HTML comments.

Ctrl+K,U removes HTML comments surrounding the selection/caret.

Validation

Relative URLs are validated and will show a red squiggly when they can't be resolved.

The errors will also be listed in the Error List.

Custom styles and template

You can provide your own .CSS and HTML templates used to render the preview window. The extension will look for the files md-styles.css and md-template.html in the same folder and any parent folder. If one or both of these files are found, they are being applied in the preview.

The HTML template must contain the string [content] which is where the rendered markdown will be injected.

You have to refresh the preview window after making changes to the custom CSS and HTML file. You can do that from the markdown editor context menu or by hitting Ctrl+Alt+R.

Context menu

Right-click anywhere in the markdown document to get easy access to common tasks, such as toggling the preview window scroll sync, see Markdown references, and getting to the settings dialog.

Settings

Control the settings for this extension under Tools -> Options -> Text Editor -> Markdown

How can I help?

If you enjoy using the extension, please give it a ★★★★★ rating on the Visual Studio Marketplace.

Should you encounter bugs or if you have feature requests, head on over to the GitHub repo to open an issue if one doesn't already exist.

Pull requests are also very welcome, since I can't always get around to fixing all bugs myself. This is a personal passion project, so my time is limited.

Another way to help out is to sponsor me on GitHub.

markdowneditor2022's Issues

Icon

Is your feature request related to a problem? Please describe.
Not related to a problem. I love that I can finally see the icons, that's amazing. Of course, then it would be nice to be able to know what icons I can use, if at all possible.

Describe the solution you'd like
A clear and concise description of what you want to happen.
As a user, I would like to be able to type : and then see a list of the icons I could use. Pick the icon and when selected the :icon_name: is closed for me so I can keep typing.

Custom CSS and light/dark mode

Is your feature request related to a problem? Please describe.
It appears when using a custom CSS that it completely overrides colors, making it not possible to support both light and dark modes.

Describe the solution you'd like
It looks like the MarkdownEditor implementation uses separate style sheets for light and dark. This seems like a reasonable approach for custom as well, so I would suggest checking for "md-styles-dark.css", which if found would be used instead of md-styles.css when dark mode is enabled.

Describe alternatives you've considered
I am not that familiar with advanced CSS concepts so I'm not sure how other applications handle this.

Image Preview

Describe the bug
Image not loading properly, even when relative reference is correct

Screenshots

Code block characters are not Monospaced

Describe the bug
Monospaced characters don't appear monospaced inside code blocks.

To Reproduce

1. Type the following into the editor with the markdown preview enabled:

┌┬┐╷┏┳┓╻╔╦╗
├┼┤│┣╋┫┃╠╬╣║
└┴┘╵┗┻┛╹╚╩╝
╶─╴ ╺━╸  ═
┍┯┑┎┰┒╓╥╖╒╤╕
┝┿┥┠╂┨╟╫╢╞╪╡
┕┷┙┖┸┚╙╨╜╘╧╛

┈┊┄┆╌╎╭╮
┉┋┅┇╍╏╰╯

┽┮┭╄╉┲┱╆
┟╁┧╼╿┡╇┩
┞╀┦╾╽┢╈┪
┾┵┶╅╊┹┺╃

╲╳╱

2. Add 3 backticks around it to make it a code block
3. Observe the misaligned characters.

Expected behavior
Monospaced characters should always be monospaced, especially inside code blocks

Screenshots
Editor:

Preview:

Additional context
It's also worth noting that the line spacing in the code block means that these sorts of ascii characters don't work as intended.

Drag & Drop images seems to not work in folder solutions

Describe the bug
It seems like drag and drop the the solution explorer does not work when you dont have a solution file.

i.e. if you open a folder in visual studio and open up a markdown file and want to drag an image file from the same folder where the markdown file the mouse cursor changes to the "nope" icon meaning its not possible to drop the image onto your document.

To Reproduce
Steps to reproduce the behavior:

1. Drop a markdown file in a folder
2. Place a jpg file or similar in same folder
3. Right click on folder in windows explorer and select "Open with Visual Studio"
4. Open the markdown file in the editor window
5. Try to drag the image file into the document
6. Notice the icon changes into "not possible"

Expected behavior
The image should be inserted as expected with proper markdown syntax where the cursor is located.

My guess is that the same problem is not present if you have your markdown files inside a project inside a .sln because then there are a lot of solution "magic" at work that this extension probably relies on to determine location of the dropped file.

Extra info
Strangely enough if you drag an image directly from the windows explorer into the markdown editor window, everything works as expected - it just seems like when you try to drag from the "solution" explorer for a folder solution, its disabled.

Azure DevOps formatting?

I'd prefer not to get flamed out here by asking this, but I've looked around and it doesn't seem like anyone else has asked... This tool is awesome, but I was wondering if there's any plans in play for making it compliant with Azure DevOps wiki formats? I noticed when writing an example file that the MD format must be a little different between GitHub and DevOps, because certain things like the use of single and triple hashes don't work, and it didn't build a Table of Contents using the [[TOC]] command.

Is there any plan for how it can be updated to use the Azure DevOps spec as well? If not, what could be done to help that along?

There isn't a lot of options for editing wiki formats in VS, which is where I'm coding anyway. I'd love to be able to use this product. Thank you!

[Edit: For reference, that TOC command was [ [ _ _ T O C _ _ ] ]

Markdown editor not available for open MD files when opening VS2022

Describe the bug
When VS2022 is started and a local directory is selected from the startup screen, a markdown file that was open when VS2022 closed
and that is reopend on startup does nog show the markdown but an error message:

_An error occurred in 'Miscellaneous Files' while attempting to open '.md'
There is no editor available for '.md'.

Make sure the application for the file type (.md) is installed._

To Reproduce
Steps to reproduce the behavior:

1. Open VS2022, open a local directory (a git clone in my case)
2. Open a .md file
3. Close VS2022
4. Open VS2022
5. Select the same local directory
6. VS2022 opens, the md file is open without editor and a text in the center of the window:

The extension seems to work normally for markdown files that are opened after the VS2022 startup.

Expected behavior
No error :-)

Mermaid support

Hi there,
any plans to support Mermaid diagrams ?

Inserting links by Quick action

Is your feature request related to a problem? Please describe.
We like to use links to other md-files or even source code files for our code-near documentation. This is very time consuming as you have to:

• open target file and copy full path
• make it relative to the current md-file you want to insert the link into
• you can't look up in the solution explorerer, as links are based on file system paths
• even worse across projects

Describe the solution you'd like
New Quick action 'insert link', which generates a relative link to the currently selected file in solution explorer, depending on actual md-file you executed the quick action from.
Example:
(../../OtherProject/Interfaces/IExample.cs)

`.md` files are not recognized as markup files

Describe the bug
files with the extension .md. are not recognized.

To Reproduce
Steps to reproduce the behavior:
Open and markup file but the extension of it should be .md not .MD. Visual studio will give an error.

Expected behavior
.md files should be recognized same as .MD.

No spell checking of markdown files with the extension Visual Studio Spell Checker (VS2022 and Later) installed

Describe the bug
With the Visual Studio Spell Checker (VS2022 and Later) https://marketplace.visualstudio.com/items?itemName=EWoodruff.VisualStudioSpellCheckerVS2022andLater extension installed, no spelling errors are shown in markdown files. They are shown however, in all other file types, and they are shown when the Markdown Editor v2 extension is disabled.

To Reproduce

1. Install the extensions Markdown Editor v2 and Visual Studio Spell Checker (VS2022 and Later).
2. Open a .md file.

Expected behavior
Spelling errors are shown in markdown files.

Additional context
Visual Studio 17.1.5. Of course I do not know where the root cause for this issue is and whether it is the Markdown Editor v2.

[Not a bug]

AMAZING PLUGIN!!

Really the best one out there! you are so awesome, thank you!!

I was just wondering two things:

1. ) Is the CI Build stable?
2. ) Is the CI Build most recent (ie: If I want the latest features, I should use this one?) - Such as, does the CI Build have any features that do not exist in the market place version?

Thanks!! <3

Allow styles.css override (similar to VS Code)

Hello, I came across your extension for Visual Studio and it looks very nice! It also appears to be even faster than Visual Studio Code 😎

I have been working on a variety of Markdown files in VS Code, and have come to rely on the ability VS Code has to apply a custom CSS stylesheet, e.g. setting:

"markdown.styles": [
  "styles.css"
]

This allows me to adjust markdown preview according to styles established for my project. I looked into the Tools -> Options -> Environment -> Fonts and Colors settings, but it does not allow me the granularity I need. For example I have a style specific to heading levels and tweaks to table layout and borders that are beyond the simple VS options. It would be great if this extension could allow the same approach or similar fine-tuning.

Nested bullet points are too large

When creating nested bullet points, on the 2nd indented level the bullet points are larger than expected.

To Reproduce
Steps to reproduce the behaviour:

1. Add the markdown

- Level 1
  - Level 2
    - Level 3
      - Level 4

Expected behaviour
Small bullet points for levels 3 and 4 like in v1 of the editor.

Screenshots
V1

V2

Add shortcuts for marking text bold and italic

Add 'Generate Table Of Contents' Feature

Is your feature request related to a problem? Please describe.
This is a new feature request to implement a TOC (Table of Content) markup based on headings in the Markdown document.

Describe the solution you'd like
A menu option that will parse the document for headings and create a clickable TOC using bullet markdown and anchor links based on the headings.

Describe alternatives you've considered
Currently I use VSCode to generate the TOC using Yu Zhang's markdown-all-in-one extension found here:
(Screenshot of TOC is in README)
https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

I think this feature would be a very useful addition to this extension.

Math formula is not rendered in preview

Hi,
I was wondering if latex formula are supported? I could not get it to work properly in the preview. Markdig should support it as mentioned in MathSpecs.

Trying to render the inline formula $a=b^2$ (Here, it works :-))
Input:

$a=b^2$

Preview Output

\(a=b^2\)

Is it supported in general? Am I missing some configuration?

It would be great, if someone could help me with this.
Except for this, the editor works absolutely great! Thanks for the great work!

Horizontal (preview below source) mode has disappeared from v2

Is your feature request related to a problem? Please describe.
This mode is the only usable choice for not-so-wide screens.

Describe the solution you'd like
Please re-inroduce this mode.

Describe alternatives you've considered
Switched to v1/64.

Additional context
1280x1024 screen

Ctrl+Space don't work

The function checks and unchecks task list items don't work by Ctrl+Space

Add validation to relative files/folders links

Rendered markdown display wrong when using VS with multiple displays with different scale factors

Describe the bug
I'm using a SB2 with display scale set to 200%. When running VS2022 (INT Preview) on that display everything looks good:

I also have a 1920x1080 display attached set to 100% scale. If I move the VS instance to that screen, the rendered part of the markdown is then shown twice as big as it should be:

To Reproduce
Steps to reproduce the behavior:

1. Open markdown file in VS that is running on a display with a high percentage scale
2. Move the VS window to a display with a lower scale
3. Witness the horror

Expected behavior
I would expect the scale/zoom to adjust to the new situation,

Screenshots
See description above

Additional context
You can make the rendered markdown look better on the 100% scale monitor by manually changing the zoom factor (CTRL+mousewheel) but the vertical scrollbar will remain very big/wide:

P.S. This was also a problem already with the earlier version of this extension but I never reported it...

Markdown formatting support

Would it be possible to add document formatting support (text wrapping) for Markdown documents? This feature was mentioned on your product road map a few years ago and I wanted to add an upvote for it. Thanks for continuing to develop these projects for the community.

Rendered view overlaps tool windows with `Auto Hide` mode enabled

Steps to reproduce the behavior:

1. Open a solution or workspace with at least 2 sufficiently large md files.
2. Enable the "Auto Hide" mode in all tool windows pinned at the bottom.
3. Search something that is contained in at least 2 sufficiently large md files by pressing Ctrl+Shift+F.
4. In search results tool window (it should also be pinned at the bottom with "Auto Hide" mode enabled) navigate between results found in different md files using mouse pointer (or using arrow keys on the keyboard but while the mouse pointer is over tool window with search results).

Show headings in Document Outline tool window

For easier navigation in huge documents it would be great if the document outline based on the headings is shown in the Document Outline tool window. Similar to the dropdown on top of the editor, but in the tool window it would be possible to see much more of the tree.

Did the "Save as HTML" option disappear?

I was using the "Save as HTML" option. I can't seem to find it. Is it still available?

Auto-insert new bullet/number when hitting Enter in list

Crashes VS 2022 when using integrated Git tools to fix merge conflicts on MD files

As always, thanks for this great tool Mads!

Hopefully the title is clear enough. I think I have uncovered an issue specific to VS 2022 git tools.

When using the integrated Git features of Visual Studio 2022, the application hangs when merge any .md file via the integrated git diff tool. This was never an issue with 2019, so I am guessing there is something new in 2022 that is causing the issue.

This can be reproduced by the following steps:

1. Open a project in VS 2022 that has a git repo
2. Create a .md file
3. Create a branch - md-troubleshooting
4. Modify the .md file
5. Checkout the original branch
6. Modify the .md file again
7. Merge in md-troubleshooting branch, and you should have a merge conflict on the .md file.
8. Use the integrated VS 2022 git tools to merge the conflicting .md file. The application should hang and require a force close.

Note, the options to Compare files works fine. It's just the merge feature which breaks.

Let me know if I can provide any more information!

Add Ability to Define Custom Language for Prism

I don't believe this is currently possible, but correct me if I'm wrong.
I think it would be useful to have the ability to add a file to a solution's root to add a custom language to prism's syntax highlighting.

Documentation on custom languages with prism here : https://prismjs.com/extending.html

IE
Acumatica has something called MSDL which is a language for defining mobile UI. It has several keywords for different things. In NotePad++ I created a User Defined Language to add coloring so my coworkers and I could more easily see if we've made a mistake in a keyword. I'm currently writing documentation for coworkers/future developers so they will know things I've learned / tips and tricks, etc
It would be nice if I could have the same coloring they'd have in NotePad++ so that things line up to what they'll see there.

Visual Studio context menu shows Markdown Editor items even for C# files

Describe the bug
The Visual Studio context menu shows additional menu items of Markdown Editor even if a C# file is opened.

To Reproduce
Steps to reproduce the behavior:

1. Open a C# file in Visual Studio with Markdown Editor installed
2. Right-click
3. See error

Expected behavior
As the context menu is very long, I would expect the context menu items to not being there.

Screenshots

Headings dropdown don't support alternative format

Headings dropdown doesn't support alternative format, while preview pane does.

To Reproduce
See screenshots.

Expected behavior
Headings' names must be read while using alternative heading syntax as well as while using traditional #-based syntax.

Screenshots

hide the content menu item when the editing file is not *.md

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

Describe alternatives you've considered

Additional context

Restore collapsible headers

The main reason I used v1 was for collapsible markdown headers. They don't seem to be present anymore.

Code blocks of unrecognized type should be rendered as preformatted

At the moment when a code block is fenced with an unrecognized type, the content seems to be rendered as normal text content.

Given markdowns ignoring of newlines (without two trailing spaces) this means multiple code lines are rendered in one line.

Triple-backtick code blocks should default to <pre>+<code> rendering when the code type is unrecognized.

Conflict with GitHub Copilot。

Describe the bug
When using the code hints provided by GitHub Copilot, using the "TAB" key does not perform code completion.
To Reproduce
Click on 'TAB'

Expected behavior
code completion

Screenshots

Is there a way to define/configure root path

Description

Is there a way to define/configure what is the root path the preview uses when displaying images or navigating? I'm using VS to edit my blog in github pages with Jekyll and for the images to work in the preview, they need to either have an absolute url or relative url to the .md file, but the relative url does not translate well to the blog posts slug I use.

If I could define what the root directory is for the extension in a configuration file, it would be very nice. This way I can define my post and image links starting with / and the extension would show the correct image....

Am I way off base here or does this make sense?

Missing Quick actions and refactoring

MarkdownEditor "v1" had a useful option: "Quick actions and refactoring"
I think it is worth to consider to add it to "v2" too.

Document position in rendered view not synced with editor view in long documents

Describe the bug
In a long treatise in the editor, whenever I add content, the preview pane resets itself at the top of the view and I no longer see what I'm typing.

To Reproduce
Post a long document with all the #, ##, ###, numbered lists and code segments marked csharp and then add content to the bottom.

Expected behavior
The preview pane should show my location as I type.

Additional context
Dell 49" monitor at native resolution, VS2022 maximized, horizontal tabs on the right, one tool box open on the left.

I had been using VSCode to edit my documentation, but switched to this after I saw Mads was involved and I could edit in the same project.

Preview window not show

Hi Mads

The preview windows is missing:

I tryed to change de setting turning on/off but nothing happen in VS 2022 Version 17.0.5 with the last version of the extension.

With previous version of the extension everithing works well, tell me if you need more info.
Please help

Unable to preview parts of .md file on GitHub

Describe the bug
I've been using the following formatting (see below) with GitHub commits which collapse the enclosed code when viewed on GitHub. In the markdown preview editor the encapsulated code does not display but it can be viewed in GitHub. As of 2/09/2022 any entries in markdown files which are encapsulated with the html code and committed to GitHub do not display. If I clone the repo the added lines display in the cloned repo. I've googled github non-display posts and tried splitting my markdown files into 2 files. The entries prior to 2/09/2022 work as before. After that date the first encapsulated entry will show in the markdown preview editor and on github. Successive entries do not display. I removed the html and tried commits to GitHub. Everything works as adertised. I've only a cursory knowledge of html. The ability to collapse the code on GitHub was convenient. Any workarounds would be sincerely appreciated. Thanks in advance.

Test.md

Click to expand>

'code'

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and co
Test.md
ncise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

.md files are not editable when comparing with a version from source control

Describe the bug
When I am comparing a code file (e.g. .vb or .cs) with its version from TFVC I can edit the current (not checked in version). When I do the same with .md file than it is not editable.

Expected behavior
Current (local) version being editable when comparing with latest version from source control.
Additional context
I can just be a problem of Visual Studio setting.

IDE freezes when opening markdown files

Describe the bug
With the previous and current builds, I am unable to open any MD file. The IDE freezes indefinitely until the process is killed. Disabling or uninstalling the extension immediately solves the problem. I have no custom settings for the extensions, just using the defaults for the past several months.

I am happy to collect more information or share any relevant files.

To Reproduce
Steps to reproduce the behavior:

1. Install the extension.
2. Open a .md file.

Expected behavior
The file should open.

Screenshots
Not applicable.

Additional context
Using in Visual Studio 2022 Professional. Extension version 2.0.86.

Wrong link?

Download this extension from the Visual Studio Marketplace

Automatically ask for creating files on link click in preview if local link

Is your feature request related to a problem? Please describe.
I was experimenting with this extension and I really like it. Thank you for providing it!
One thing that came to my mind was if I could simulate a Wiki with this editor. For this, it would be necessary to be able to create new Markdown files for links that do not yet exist.

Describe the solution you'd like
If I click on a local link that cannot be resolved (it is already highlighted) and the link goes to local disk (no http oder other protocol) and has a .md extension, it would be great to have a messagebox asking me if a new empty Markdown file should be created at that location. This should be the case even when having relative paths to subdirectories oder parent folders and even if the directory does not exist yet (then the full path should be generated).

Describe alternatives you've considered
An alternative is to manually create the files... no big problem.

Additional context
Add any other context or screenshots about the feature request here.

How does this differ from MadsKristensen.MarkdownEditor64?

I'm trying to determine the differences between this version and the VS2022 version of https://github.com/madskristensen/MarkdownEditor but it's not entirely clear.

Is this a re-write and/or a different implementation?
Looking at the feature list, it seems pretty similar, only perhaps slightly fewer features currently implemented?

Perhaps you could add something to the readme to explain whether to use https://marketplace.visualstudio.com/items?itemName=MadsKristensen.MarkdownEditor2 or https://marketplace.visualstudio.com/items?itemName=MadsKristensen.MarkdownEditor64 and why you would pick one over the other.

Support of Markdown linting

Hello there. Thanks for the great extension, it's a real timesaver!

Previously, I've been working with similar functionality provided by VS Code. The functionality I really miss is markdown linting, similar to this VS Code extension:
https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

It does live highlighting for rule violations, and enforces consistent style for Markdown files so they look very accurate. I would be glad to see this functionality because there is no similar tooling for Visual Studio so far. Currently, I have to use both Visual Studio and VS Code extensions to write markdown files and to fix formatitng.

md-template and md-styles support

Please continue to support md-template as it is implemented in v1. This issue has been a blocker for me for a while hopefully it will be resolved.

Thank you

"Use map mode for vertical scroll bar" is not respected and/or remembered

Describe the bug
The "Use map mode for vertical scroll bar" setting is not respected and/or remembered.

To Reproduce

1. Start Visual Studio.
2. Open a .md file.
3. Go to Tools / Options / Text Editor / Markdown / Scroll Bars, select "Use bar mode for vertical scroll bar", click OK. -> scroll bar is in bar mode
4. Go to Tools / Options / Text Editor / Markdown / Scroll Bars, select "Use map mode for vertical scroll bar", click OK. -> scroll bar is in map mode
5. Close Visual Studio.
6. Start Visual Studio.
7. Open a .md file.

Expected behavior
Scroll bar is in map mode.

Actual behavior
Scroll bar is in bar mode.

Additional context
Visual Studio 17.1.5

The context menu in VB and C# editors contains useless options "Make Bold" and "Make Italic"

Describe the bug
The context menu in VB and C# editors contains useless options "Make Bold" and "Make Italic"

To Reproduce
Steps to reproduce the behavior:

1. Install the extension
2. open code editor for VB or C#
3. right click anywhere in the text and look at the end of the context menu
4. See error
   

Expected behavior
I suppose that the expected options should be available only when editing Markdown

Add support for dark theme

The icon on the navigation bar is wrong size and blurry when scale factor is fraction

Describe the bug
I'm using Visual Studio 2022 on a 4K monitor. When scale factor is set to 100% and 200%, everything looks good. But when it's set to 125%, 150% or 175%, the icon on the navigation bar is rendered too big and blurry.

• 175%:
  
• 150% :
  
• 125%:
  

To Reproduce
Steps to reproduce the behavior:

1. Set system display scale factor to a fraction value
2. Launch Visual Studio after the setup
3. Open a markdown file in Visual Studio

Expected behavior
Clear and correctly sized navigation icon when scale factor is fraction.

Screenshots
See description above.