DEV Community

Cover image for How to Change Color of Text and Syntax in VSCode Editor 2021 | Change Text Color in VSCode
HMA WebDesign
HMA WebDesign

Posted on

How to Change Color of Text and Syntax in VSCode Editor 2021 | Change Text Color in VSCode

Related Quries:
How to change text color in visual studio code?
How do I make my VSCode colorful?
How do I change colors in Visual Studio?
How can I change the color of my status bar in VSCode?
How do I change the syntax highlighting code in Visual Studio?

In this article, We will learn that how we can change the color of text and fonts in Visual Studio Code. Start by opening any source code file. Open the Command Palette (Ctrl+Shift+P) and run the "Developer: Inspect Editor Tokens and Scopes".
In this case, we notice it says "No theme selector." That means the tokenColors attribute of the theme is not setting this color, rather it is the ordinary colors attribute of the theme, specifically the editor. foreground color. This can be overridden as in Sean's answer by setting workbench.colorCustomizations in settings.json.
After invoking that command, move the cursor to an identifier.

Step By Step Guide:

Copy and paste this code in the settings.json section in your VSCode and follow the steps in the video tutorial
Here is the Code...

Code

"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"support.function.session.php",
],
"settings": {
"foreground": "#569CD6",
}
},
]
}

how to change text color in visual studio code,
visual studio code syntax highlighting colors,
how to change font settings in vs code,
vscode themes,
visual studio code syntax highlighting not working,
visual studio code color palette,
vscode sidebar text color,
vscode highlight color,


Suggested Videos:

10 Input Types in HTML Every Web Developer Must Know in 2021 | HTML5 Input Types Tutorials
https://youtu.be/8qBPKXRUOnk

How to Design a Responsive HTML Email Template from Scratch 2021 | Create HTML Newsletter
https://youtu.be/c8GwsCZcBIc

How to Send Email to Client Using PHP Mail Function | Sending Email in PHP 2021 Tutorial
https://youtu.be/DeqOVJ-aXkg

$_POST | What is the Post Variable in PHP | How to Use Post Variables in PHP 2021
https://youtu.be/HO-TrXY4a1A

How to Define Variables in PHP | How to Create PHP Variables | (PHP tutorial-3) - 2021
https://youtu.be/bfqAa0Gm3YY

How to Start First PHP Web Project on Local Server/Localhost PHP Tutorial-2
https://youtu.be/18I7U4-nJb0

How to Start Web Project with Microsoft Visual Studio 2021 | Visual Studio Project
https://youtu.be/MLzuQ_pH9Ew

How to Get Start PHP Hello World Page on Live Web Server | PHP Tutorial - 1

https://youtu.be/Uc7uLD7Ur6M

Contact me through social media for web development work:

Top comments (0)