{"id":234468,"date":"2021-09-20T12:00:00","date_gmt":"2021-09-20T19:00:00","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/visualstudio\/?p=234468"},"modified":"2023-08-27T16:18:30","modified_gmt":"2023-08-27T23:18:30","slug":"custom-themes","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/custom-themes\/","title":{"rendered":"Introducing Collection of New Visual Studio Themes!"},"content":{"rendered":"

We are on a journey to make Visual Studio more flexible than ever, so that you can make the IDE work just the way you like it! One of our key focus areas for Visual Studio 2022 is to build a personal, flexible IDE that you can make your own. We\u2019ve teamed up with theme authors from the community to test a new tool that converts VS Code themes to work in Visual Studio. This way, you now have the flexibility to choose from new community themes in Visual Studio 2022.<\/p>\n

\"Image<\/a>
Personalize Visual Studio with Community Themes<\/figcaption><\/figure><\/p>\n

We know that picking a great theme is as important as picking an office chair. Every developer has unique personalization preferences. We\u2019ve been building capabilities for syncing your VS theme to your Windows theme, new ways to manage your tabs and documents, and color coding your workspace. Now, we\u2019re working with community theme authors to test a new theme conversion tool so that Visual Studio can further fit your habits and preferences.<\/p>\n

 <\/p>\n

Introducing collection of community VS themes<\/h2>\n

We would like to extend our gratitude to our dedicated community of theme authors and maintainers for creating amazing themes, both as converted and original Visual Studio themes. Thank you to everyone who has contributed themes to the Visual Studio family Marketplace. We’ve teamed up with the theme authors below to convert their VS Code theme to work in VS. The themes below are most compatible with Visual Studio 2022 Preview 4 and later. The initial version of these converted themes work best with C# and C++.<\/p>\n

Winter is Coming VS Theme<\/a><\/h2>\n

A dark theme maintained by Mads Kristensen<\/a> and created in cooperation with John Papa<\/a>. The theme colors feature blues and purples, with accent colors in yellow and green to lift the code off the page.<\/p>\n

\"Image<\/a>
Winter is Coming theme in Visual Studio<\/figcaption><\/figure><\/p>\n

Cyberpunk VS Theme<\/a><\/h2>\n

A bright, colorful theme published by Maximiliano Saavedra<\/a>. The author designed this theme to include a wide range of colors, so that developers can identify and recall different elements quickly.<\/p>\n

\"Image<\/a>
Cyberpunk theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

One Monokai VS Theme<\/a><\/h2>\n

A cross between Monokai and One Dark theme, published by Joshua Azemoh<\/a>. One Monokai features classic colors laid out in a pleasing way.<\/p>\n

\"Image<\/a>
OneMonokai theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Ayu VS Theme<\/a><\/h2>\n

This clean, simple VS theme comes in three colors, published by Ike<\/a>. Ayu was designed for all-day comfort when viewing the screen. Ayu comes in three helpful versions: dark, light, and mirage.<\/p>\n

\"Image<\/a>
Ayu Light theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Nord VS Theme<\/a><\/h2>\n

This elegant, icy theme is published by Arctic Ice Studio<\/a>. Nord features complementary colors in bluish-grey white tones.<\/p>\n

\"Image<\/a>
Nord theme displayed in Visual Studio Theme<\/figcaption><\/figure><\/p>\n

OneDarkPro VS Theme<\/a><\/h2>\n

The iconic, classic theme adapted from Atom, published by binarify<\/a>. OneDarkPro’s muted iconic look and feel helps folks feel right at home.<\/p>\n

\"Image<\/a>
OneDarkPro theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Dracula VS Theme<\/a><\/h2>\n

This popular dark theme is available on over 200 platforms, published by Zeno Rocha<\/a> and Derek Sifford<\/a>. The theme features complementary bright pink, purple, and orange tones. <\/p>\n

\"Image<\/a>
Dracula theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Eva VS Theme<\/a><\/h2>\n

This theme, published by Justin Lu<\/a>, features muted colors that are enjoyable and easy on the eyes for those who like these tones. Eva comes in two versions, Light and Dark.<\/p>\n

\"Image<\/a>
Eva Light theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Deepdark Material VS Theme<\/a><\/h2>\n

The Deepdark Material theme, published by Onur<\/a>, is one of the darkest themes in the collection. The quiet colors means that the greens and reds really stand out when coding.<\/p>\n

\"Image<\/a>
DeepDark Material theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Yonce VS Theme<\/a><\/h2>\n

Yonce, published by Mina Markham<\/a>, features bright pinks and purples on a dark background. The palette could help your code “pop” a little more off the page.<\/p>\n

\"Image<\/a>
Yonce theme displayed in Visual Studio<\/figcaption><\/figure><\/p>\n

Visual Studio Theme Pack<\/a><\/h2>\n

The following themes are included in a Visual Studio Theme Pack, where we have converted the default Visual Studio Code themes to work in Visual Studio. Once you install the theme pack, you will see all of these themes!<\/p>\n

<\/div>\n

\"Image<\/a><\/p>\n

\"Visual<\/a>
Collage of themes inside the Visual Studio Theme Pack<\/figcaption><\/figure><\/p>\n

 <\/p>\n

This represents a just a small subset of the creativity theme authors have on display. You can find an ever-growing set of additional themes here<\/a>. We are working on improving how authors can create Visual Studio themes. Stay tuned for updates!<\/p>\n

The Theme Converter is still in an experimental stage and we are working closely with the community to refine the new themes. If you have any suggestions for changes or requests, please create an issue on the Theme Converter GitHub.<\/p>\n

To install a theme, visit any of the above links, then select the \u201cDownload\u201d button on the theme page, and you will be prompted to install the theme file. These themes are most compatible with Visual Studio 2022.<\/p>\n

\"Switching<\/a>
Switching themes in Visual Studio<\/figcaption><\/figure><\/p>\n

To view your theme after installation, you will need to restart your instance of Visual Studio. Then, navigate to the Tools -> Themes dropdown. This list of themes will include the name of your newly installed theme. Select that theme to apply it to Visual Studio.<\/p>\n

Try the themes in Visual Studio!<\/h2>\n

This new theming capability makes Visual Studio more flexible than ever. We\u2019re on a journey to help developers like you make the IDE yours. We encourage you to try these themes in the new Preview!<\/p>\n

Want to convert your own VS Code theme?<\/h2>\n

If you are a theme author and you are interested in converting your own theme to work in Visual Studio 2022, we’d like to invite you to try the Theme Converter tool to help you do this! Take a look at the tool and how you can try it yourself, here<\/a>.<\/p>\n

The tool is in one of its initial iterations and convert themes that are most compatible with C# and C++. We’re keen to hear what you think! If you find an issue, please feel free to share it on the GitHub repo<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

We are on a journey to make Visual Studio more flexible than ever, so that you can make the IDE work just the way you like it! One of our key focus areas for Visual Studio 2022 is to build a personal, flexible IDE that you can make your own. We\u2019ve teamed up with theme […]<\/p>\n","protected":false},"author":68198,"featured_media":234618,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[155],"tags":[6827,6834],"class_list":["post-234468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio","tag-personalization","tag-themes"],"acf":[],"blog_post_summary":"

We are on a journey to make Visual Studio more flexible than ever, so that you can make the IDE work just the way you like it! One of our key focus areas for Visual Studio 2022 is to build a personal, flexible IDE that you can make your own. We\u2019ve teamed up with theme […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/234468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/users\/68198"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/comments?post=234468"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/234468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/234618"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=234468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=234468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=234468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}