How to change the color scheme in Visual Studio Code ? (2023)


👤 Diwas Poudel    🕒 26 May 2023    📁 TECH

Sometimes, you may not be fond of the color scheme in Visual Studio Code and wish to make a change. If you haven't found an option to modify it yet, you have come to the right place. Ourtechroom is here to assist you in altering the color scheme in Visual Studio Code.

People prefer to change color to improve their productivity by settings their desired color theme, to make the code easier to read.

 There are many different color schemes to choose from and here we will discuss two of them.

1. Using Command Palette 

The steps are as follows:

  1. Open Visual Studio Code.
  2. Then press Ctrl + Shift + P to open the command palette.
  3. Then type "color theme"
    Color Theme
    fig. search for Color Theme
  4. Next click on "Preference: Color Theme".
    Select Preference: Color Theme
    fig. Select Preference: Color Theme option
  5. And then select the color theme you want from the list.

Here I am selecting the "Atom One Dark" theme.

Select Desire Theme from the list
fig. Select Desire Theme from the list

If you do not have desired color theme then click on "Browse additional color theme" and then select for desire color theme from the list or search it.

After that, it will install that theme for your visual studio and will apply the theme.

browse additional color themes
fig. browse additional color themes

2. Using the Settings UI

The steps are as follows:

  1. Open the Settings UI by pressing Ctrl +,
  2. Search for "color theme".
  3. Under workbench:color theme ,Select the color theme you want from the list.
    Select color under Workbench: Color Theme
    fig. Select color under Workbench: Color Theme
  4. And it will apply to Visual Studio code automatically.

3. Using settings.json file

If you know the name of the Color theme then you can simply replace the value part with the name of the theme.

eg.

  "workbench.colorTheme": "value",
 
Suppose the name of the theme that I want to use is: Atom One Dark. Then I will use it as :
 
{
...
"workbench.colorTheme": "Atom One Dark",
...
 
}

Can I switch back to the default color scheme in Visual Studio Code?

Yes, you can, and here are the steps:

  1. Open Visual Studio Code.
  2. Press Ctrl + Shift + P to open the command Palette.
  3. Then search for Preferences: Open User Settings (JSON).
  4. And click on it.
    Settings.json file
    fig. Settings.json file 

Then remove the line stating workbench.colorTheme

Now your Visual Studio Code will select the default theme.

Conclusion:

In this way we can change color theme or schema of Visual Studio Code.

 

How to download and save X app (formerly twitter) video ?

🕤 08 Jan 2024 Read more

Mobile Mastery: Transforming Work Habits with 8 iOS Productivity Techniques

🕤 07 Jan 2024 Read more

.NET 8 Missing in Visual Studio: Creating Project Troubleshoot

🕤 04 Jan 2024 Read more

Can't Log Out of Instagram? (1 Solution 100% Works)

🕤 02 Jan 2024 Read more

Can't Log Out of Facebook? (1 Solution 100% Works)

🕤 01 Jan 2024 Read more

Beyond Antivirus: 8 Awesome Windows Cybersecurity Measures

🕤 01 Jan 2024 Read more

How to Restore Deleted Contacts on Android

🕤 19 Dec 2023 Read more

Unlocking the Secrets of Encryption: A Guide for the Curious

🕤 03 Dec 2023 Read more

A Step-by-Step Guide to Launching Your E-commerce Website from Scratch

🕤 28 Nov 2023 Read more

"About" section is missing on YouTube channel

🕤 14 Nov 2023 Read more

What Is the Impact of Artificial Intelligence on Education?

🕤 14 Nov 2023 Read more

How to Install a VSIX Extension in Visual Studio Code Manually ?

🕤 09 Nov 2023 Read more

How to Restore the Menu Bar in Visual Studio Code ?

🕤 06 Nov 2023 Read more

How to reset FL Studio to default settings?

🕤 06 Nov 2023 Read more

How to view all installed drivers and their location in windows?

🕤 01 Nov 2023 Read more

How to reset Potplayer to Default Settings ?

🕤 25 Oct 2023 Read more

The Ultimate Guide to Web Browser Automation

🕤 25 Oct 2023 Read more

Where to find SQL Configuration Manager in Windows 10 and 11

🕤 16 Sep 2023 Read more

聚圣源类似隐杀的小说剑阁梦菲儿女将空间模块代码那那把洗捏卜易居八字起名起名用的好字的哪些套餐及固定费时间之墟男性高氏起名字好寓意的成语起姓名大全起名用8笔画的汉字书店起哪个名字守卫剑阁中华起名免费网剑侠世界名字星辰界惟妙惟肖的意思身份号019台球厅起名字 台球厅取名姐妹网名大全2013最新版的罗姓宝宝的起名死神剧场版4深圳起名的风水馆给u盘起个好玩的名字地狱风暴王尔德名言带有楠字女孩起名婴儿免费起名字网美食广场起名案例起名淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化