The border around the code tag is annoying, especially if there are many of code tags inside a paragraph. Can I remove it in the VScode editor?
Well, the reason is I installed the markdown all in one extension and the border was hardcoded for the dark theme.
There is a issue talking about the problem and how to tweak it from code.
But for me, the built-in markdown support of VScode just work well.
Related
All my whitespaces in VS code where code is written are being highlighted and I cant seem to understand where to change these settings.
In settings (open Command Palette CTRL+SHIFT+P and search for settings) menu search for Editor: Render Whitespace it is probably set to all instead of default selection. But i honestly have no idea why it is render with boxes and not dots or arrows, maybe it can be customized by using custom themes.
It was probably because of the theme the source was using from where I copied the source code. Replaced all these spaces with regular whitespace and now it's working fine.
When I go to print markdown from VSCode it does render the markdown, but it has a very different styling than the on-screen preview. How do I fix this?
VS Code does not support the printing of markdown or anything else. For that you need a printing extension. There are only two of these, and I wrote the one that prints rendered markdown. I'm quite certain you're talking about mine because it has a Markdown: Styles setting and the other one doesn't.
There are settings that allow you to customise styling. It's not currently styled using a stylesheet because there are complications referencing that sort of asset in remoting environments.
To work around this I had to embed styles into the document. This has the unfortunate effect that you cannot override them with a separate CSS file. As a temporary measure, I have made available settings allowing you to customise the embedded styles.
I notice in the screen snap that I have specified "Blackadder ITC" as the font-family. This is not a typeface I would recommend, probably I was giving a demo. I sincerely hope this wasn't in shipped setting defaults. If that's why you think it's "ugly" then change the heading font-family to whatever typeface you prefer for headings. sans-serif will use the local default.
I wish to develop an open-source WYSIWYG editor for markdown in vscode.
See the image below. I want an extension that can do something like that.
Change font-sizes for lines for titles.
Change lines indentation for subtitles.
I'm looking at the extension reference: https://code.visualstudio.com/api/references/vscode-api and don't see something that can help.
Do you have an idea how to change the CSS of the editor based on rules? in addition, If you have a link to extension that did it may help.
In other words: How a vscode extension can change css style of the editor window?
You can't change arbitrary css in the editor. See the extension guide for info about the VS Code extension philosophy and how you can extend VS Code
Two options:
Use the decorations api to change rendering of tokens in the editor.
Use a webview to implement a custom view (but don't try re-implementing a text-editor because it will be a pain and will not work like VS Code's normal editors do)
My text rendering in VSCode is blurry and I want to make it like my Atom text editor. In atom, the text rendering can be improved by controling -webkit-text-stroke and -webkit-font-smoothing property.
I wanted to know how to change these properties in VSCode.
VS Code does not expose direct css styling like Atom does
Support for configuring text-stroke is tracked here
You can also try the workbench.fontAliasing setting.
I would like to disable syntax coloring altogether.
I have tried to disable parameter hints but that didn't have any effect.
Is it possible to have the editor with just a foreground/background color and nothing else?
You can add
"files.associations": {
"*.*": "plaintext",
},
to settings.json
Search the extensions marketplace for "plain theme". There are a couple which might to the trick for you: Plain Theme, Plain Light Theme and Nando Theme.
I use the Gray Matter Light theme for everything at the moment.
You could change the text language to plain text. You'll have to reset the language to plain text for each document you open but it does the trick.
A late answer.
You can write code to mess with VSCode user settings JSON (it is just a JSON), so you can customize the syntax color as you wish.
The following gist loads scopes from Python magic repo, then modifies user_settings.json in place, assigning a light gray color for Python elements:
https://gist.github.com/shuoli84/93fead0a634d711dc25494acd127c180