{"id":234781,"date":"2021-10-07T12:36:38","date_gmt":"2021-10-07T19:36:38","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/visualstudio\/?p=234781"},"modified":"2021-10-07T13:37:01","modified_gmt":"2021-10-07T20:37:01","slug":"vs-code-themes-in-vs","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/vs-code-themes-in-vs\/","title":{"rendered":"Bring VS Code themes to Visual Studio 2022!"},"content":{"rendered":"<p>We want developers to have the flexibility to personalize their Visual Studio IDE to fit their individual preferences, and themes are an important component for achieving this goal. We\u2019ve been testing out a Theme Converter that helps theme authors convert their Visual Studio Code themes to work in VS. Last week, <a href=\"https:\/\/aka.ms\/vsthemes\">we shared a collection of new community themes created using this tool<\/a>. Today, we\u2019d like to share with you a bit more detail about this converter tool, and how you can convert your own theme as well!<\/p>\n<p><figure id=\"attachment_234885\" aria-labelledby=\"figcaption_attachment_234885\" class=\"wp-caption alignnone\" ><a href=\"https:\/\/aka.ms\/themeconverter\"><img decoding=\"async\" class=\"wp-image-234885 size-full\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/10\/Personalize-Visual-Studio-with-Commnunity-Themes-try-tool.png\" alt=\"Convert VS Code Themes to Use in Visual Studio\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/10\/Personalize-Visual-Studio-with-Commnunity-Themes-try-tool.png 1920w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/10\/Personalize-Visual-Studio-with-Commnunity-Themes-try-tool-300x169.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/10\/Personalize-Visual-Studio-with-Commnunity-Themes-try-tool-1024x576.png 1024w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/10\/Personalize-Visual-Studio-with-Commnunity-Themes-try-tool-768x432.png 768w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/10\/Personalize-Visual-Studio-with-Commnunity-Themes-try-tool-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><figcaption id=\"figcaption_attachment_234885\" class=\"wp-caption-text\">Convert VS Code Themes to Use in Visual Studio<\/figcaption><\/figure><\/p>\n<p>Using this tool, you can now convert any VS Code theme for use in Visual Studio 2022! This gives you access to a new range of themes inside the Visual Studio family, and if you use both Visual Studio and Visual Studio Code, you now have the extra flexibility to use the same theme for both platforms.<\/p>\n<p>If you\u2019re a VS Code theme author, you can now easily share your theme with a new range of users by packaging and uploading your theme to the Marketplace as well!<\/p>\n<h2>Using the Theme Converter tool<\/h2>\n<p>The <a href=\"https:\/\/aka.ms\/themeconverter\">Theme Converter tool<\/a> converts color tokens from a VS Code theme and applies them to Visual Studio. We\u2019ve made efforts to ensure that even theme elements that are undefined will still be usable, through a fallback logic, which improves the appearance of the theme. Converted themes are most compatible with Visual Studio 2022 Preview 3 and above.<\/p>\n<p><iframe title=\"Bring VS Code Themes to Visual Studio\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/2Gwqr5uuBt4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>The converted themes look their best with C# and C++ repos, and other languages may use the fallback colors if they are not available in the theme.<\/p>\n<h2>Try the Theme Converter now!<\/h2>\n<p><a href=\"https:\/\/aka.ms\/themeconverter\">You can give the theme converter a try by downloading from the GithHub repository<\/a>. It\u2019s a tool that converts all the tokens you\u2019ve specified. You now have access to a wide range of themes in the Visual Studio family and can match your Visual Studio and Visual Studio Code themes.<\/p>\n<p>If there are elements that don\u2019t work well, you are welcome to share feedback with us <a href=\"https:\/\/aka.ms\/themeconverter\">by creating an issue in the GitHub repo or create a Pull Request with the changes you\u2019d like to see<\/a>. Please let us know what you think!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We want developers to have the flexibility to personalize their Visual Studio IDE to fit their individual preferences, and themes are an important component for achieving this goal. We\u2019ve been testing out a Theme Converter that helps theme authors convert their Visual Studio Code themes to work in VS. Last week, we shared a collection [&hellip;]<\/p>\n","protected":false},"author":68198,"featured_media":234885,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[155],"tags":[6827,6834],"class_list":["post-234781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio","tag-personalization","tag-themes"],"acf":[],"blog_post_summary":"<p>We want developers to have the flexibility to personalize their Visual Studio IDE to fit their individual preferences, and themes are an important component for achieving this goal. We\u2019ve been testing out a Theme Converter that helps theme authors convert their Visual Studio Code themes to work in VS. Last week, we shared a collection [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/234781","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=234781"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/234781\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/234885"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=234781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=234781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=234781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}