SCSS highlighting for some properties are highlighted as if they are selectors. I'm looking for settings to adjust or a plugin that will fix the highlighting as it's distracting.
How VSC displays:
,
how the same code looks in Sublime Text 3:
Paul Grant developed a patch which fixes this problem perfectly.
https://marketplace.visualstudio.com/items?itemName=cssinate.scss-language-improvements
Related
Code Text Colorless
When I code in Visual Studio, it doesn't show any colours in the code text. It shows blue and green colours only for the class and comments texts. Also, VS doesn't suggest me anything when I code. Apart from this, everything things run fine and if there are any errors it shows up in the problem section.
I am doing flutter/ dart
I would really appreciate it if anyone helps me sort it out.
Thank you :)
Happened to me today, hope it helps someone: in my case it was just a broken extension JavaScript and TypeScript Nightly from Microsoft. After uninstalling, everything went back to normal.
I think the issue is likely the VS Code theme you're using. Dark (Visual Studio) only shows limited colours - try changing it to Dark+ and you should see more colours.
Dark
Dark+
To Change This Settings;
Setting Icon > Color Theme > Select Dark+ Configuration;
This issue was fixed, once I updated VS code and restarted it. The text colour for every widget and class was back after that.
I am not using VS but you might try to add Flutter and Dart extension from marketplace.
In VS Code, open the Color Theme picker with File > Preferences > Color Theme. (Code > Preferences > Color Theme on macOS).
You can also use the keyboard shortcut Ctrl+K Ctrl+T to display the picker.
Use the cursor keys to preview the colors of the theme.
Select the theme you want and press Enter.
What worked for me was checking if I had any deprecated or problems with an extension. Go to extensions in vs code (or ctrl+shift+x) check if any of your installed extensions has a problem; a warning yellow sign should appear below if your extension is deprecated or has any other problem. Fix the faulty extensions.
You can try installing "Flutter Widget Snippets" for already written code snippets from VS code Extensions.
So this started happening all of a sudden? I can't seem to figure out how I might've enabled this nor how to disable it? I've tried ctrl+esc and all that with 0 results. I've also looked into the settings for highlights, code blocks and indents with no luck. Anyone out there know how to remove this setting from VS Code?
Thanks!
Put this line in your settings.json file:
“sqltools.highlightQuery”: false
Save the file and go back to your SQL file. The highlighting should now be gone.
I also had this same setting or configuration happen to me out of no where after doing some visual studio code updates. I also found that this blue block highlighting only seem to occur on SQL like syntax. So I looked through my extensions and I only had 2 related to SQL syntax. I disabled the "SQLTools" extension I had installed and the blue blocks went away:
This extensions official site can be found here:
https://vscode-sqltools.mteixeira.dev/
I haven't looked but may there is a way to disable this setting.
Does anyone know how to turn off the current code block highlighting, it only highlights the block of code you are currently editing. In the picture its the fun yellow line. I think it was added in 1.22.2
It's a feature of Bracket Pair Colorizer plugin that I think you're using. See the plugin's marketplace page for settings guide.
In Visual Studio Code version 1.10 Copy with syntax highlighting has been introduced.
I don't want to use it most of the time but I can't find a way to turn it off.
Even though I have no keybinding set for editor.action.clipboardCopyWithSyntaxHighlightingAction VSCode always copies with Syntax highlighting.
How can I turn it off so that I copy plain text only?
Go to settings.json file and add
"editor.copyWithSyntaxHighlighting":false
https://github.com/microsoft/vscode/issues/20837
Using Visual Studio 2019, go to Tools/Options/Text Editor/Advanced then 'Copy rich text on copy/cut' to save color when cutting code from VS and pasting into Word.
I just trying to switch my editor from NetBeans to VSCode, however there is one feature which i missed from NetBeans and seem not exist at VSCode. I am not sure what is the name of the feature, i just call it "Scope mark line". The detail is like picture attached.
My question is, is there any plugins can bring that feature to VSCode? Please let me know if any, thanks in advance.
I also had a hard time searching for this feature, and found this VS Code Extension on the Marketplace: guides which adds various indentation guide lines. This worked for me editing ruby and bash files on osx.
Some of the tags for the extension:
guides indentation indentation guides ruler
From Default indent line guide in Visual Code?
Enable in settings.json:
"editor.renderIndentGuides": true