{"id":233680,"date":"2021-08-17T08:00:54","date_gmt":"2021-08-17T15:00:54","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/visualstudio\/?p=233680"},"modified":"2021-10-06T07:51:30","modified_gmt":"2021-10-06T14:51:30","slug":"flexible-theming-visual-studio","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/flexible-theming-visual-studio\/","title":{"rendered":"Flexible\u00a0theming capabilities for Visual Studio\u00a0"},"content":{"rendered":"<p><span data-contrast=\"auto\">If you&#8217;re like me, maybe you feel like customizing Visual Studio so that your workflow suits your habits in just the right way. Here are a few updates in Visual Studio 2022 that can help with that! We\u2019ve introduced the ability to sync your Visual Studio theme with your Windows theme so that reading can become easier depending on the amount of background light. We\u2019re excited for you to try it! We encourage you to download latest version of Visual Studio 2022.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Personalization-Themes.png\"><img decoding=\"async\" class=\"alignnone wp-image-233683 size-full\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Personalization-Themes.png\" alt=\"Visual Studio Personalization for Themes\" width=\"1200\" height=\"675\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Personalization-Themes.png 1200w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Personalization-Themes-300x169.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Personalization-Themes-1024x576.png 1024w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Personalization-Themes-768x432.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p><span data-contrast=\"auto\">Your\u00a0coding environment\u00a0should be uniquely yours.\u00a0<\/span><a href=\"https:\/\/developercommunity2.visualstudio.com\/t\/A-theme-that-will-respect-system-ligthd\/896251?\"><span data-contrast=\"none\">Some developers have\u00a0been telling us\u00a0that\u00a0they\u00a0focus\u00a0better with\u00a0dim\u00a0light at end\u00a0the day<\/span><\/a><span data-contrast=\"auto\">,\u00a0which can affect\u00a0productivity. After\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Automatic-color-theme-change\/1424736?space=8&amp;\"><span data-contrast=\"none\">talking with<\/span><\/a><span data-contrast=\"auto\">\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Color-theme-should-use-device-color-them\/880190?space=8\"><span data-contrast=\"none\">many developers<\/span><\/a><span data-contrast=\"auto\">, we learned\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Night-Mode\/499396?space=8&amp;q=theme+night\"><span data-contrast=\"none\">that\u00a0when there is little background light,\u00a0shifting your theme to Night mode could help improve\u00a0reading<\/span><\/a><span data-contrast=\"auto\">.\u00a0We\u00a0believe that there are many more capabilities we can provide that will further make VS more flexible\u00a0for you to really make it your own, and we are excited for you to help us shape this journey!\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Our new theming capability helps you sync your Visual Studio theme with your Windows theme. This means, if you\u2019ve scheduled your Windows theme to change at\u00a0a certain time, like sunset, your Visual Studio theme will change along with it. This is almost like dimming your lights at night to match your circadian rhythm.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><iframe title=\"Set your Visual Studio theme to match Windows\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/1PrOnq395jI?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<h2 aria-level=\"2\">Set your Visual Studio theme to match Windows theme<\/h2>\n<p><span data-contrast=\"auto\">If you have a Light theme enabled for Windows, you will see a default Blue theme for Visual Studio. If you have a Dark theme enabled for Windows, you will see a default Dark theme for Visual Studio. In case you are interested in picking which syncs to the Light and Dark themes in Windows,\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Pick-custom-themes-to-coordinate-with-sy\/1493853?space=8\"><span data-contrast=\"none\">please\u00a0upvote this Developer Community thread and share your feedback<\/span><\/a><span data-contrast=\"auto\">.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><figure id=\"attachment_233691\" aria-labelledby=\"figcaption_attachment_233691\" class=\"wp-caption alignnone\" ><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Theme_switching_visual_studio.png\"><img decoding=\"async\" class=\"wp-image-233691 size-full\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Theme_switching_visual_studio.png\" alt=\"Visual Studio Personalization Sync with Sunset\" width=\"1000\" height=\"700\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Theme_switching_visual_studio.png 1000w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Theme_switching_visual_studio-300x210.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/Theme_switching_visual_studio-768x538.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption id=\"figcaption_attachment_233691\" class=\"wp-caption-text\">Visual Studio in Dark theme, Blue theme, and Task Scheduler in Windows.<\/figcaption><\/figure><\/p>\n<p><span data-contrast=\"auto\">You can turn on this feature by navigating to the Tools -&gt; Options menu, and under General -&gt; Color Theme, select Use system\u00a0setting.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><figure id=\"attachment_233686\" aria-labelledby=\"figcaption_attachment_233686\" class=\"wp-caption alignnone\" ><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/sync_system_settings.png\"><img decoding=\"async\" class=\"wp-image-233686 size-large\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/sync_system_settings-1024x708.png\" alt=\"Visual Studio 2022 Options window showing the selection of the Use system setting dropdown.\" width=\"640\" height=\"443\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/sync_system_settings-1024x708.png 1024w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/sync_system_settings-300x207.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/sync_system_settings-768x531.png 768w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2021\/08\/sync_system_settings.png 1130w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><figcaption id=\"figcaption_attachment_233686\" class=\"wp-caption-text\">Tools &gt; Options &gt; &#8220;Use system setting&#8221; dropdown.<\/figcaption><\/figure><\/p>\n<p>Visual Studio will then sync to your system&#8217;s <a href=\"https:\/\/support.microsoft.com\/en-us\/windows\/change-colors-in-windows-d26ef4d6-819a-581c-1581-493cfcc005fe\">Default Windows mode and app mode<\/a>. Please make sure both of these modes are toggled to the same setting so that Visual Studio can sync to the correct one.<\/p>\n<p><span data-contrast=\"auto\">To enable the system switching feature in Windows, please use the Task Scheduler in Windows to schedule your system theme switching.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">Upcoming personalization capabilities<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h2>\n<p><span data-contrast=\"auto\">We listened to the feedback that you\u2019ve shared with us and we\u00a0will be\u00a0incorporating\u00a0a lot more personalization capabilities into the product.\u00a0We are looking at increasing flexibility for\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Color-coded-tabs-in-Visual-Studio\/351700?space=8\"><span data-contrast=\"none\">managing tabs and documents through color coding<\/span><\/a><span data-contrast=\"auto\">\u00a0and\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Modify-Tab-Size-in-Document-Well\/477175?space=8\"><span data-contrast=\"none\">customizing your tabs<\/span><\/a><span data-contrast=\"auto\">.\u00a0We\u2019ve increased Visual Studio\u2019s capabilities to accommodate developers who have learning differences and neurodiverse abilities\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/t\/allow-users-to-set-line-height\/896879\"><span data-contrast=\"none\">through custom line adjustments<\/span><\/a><span data-contrast=\"auto\">\u00a0and more.\u00a0We are also going to introduce\u00a0a range of\u00a0new theming capabilities soon, which will help you make Visual Studio your own.\u00a0Stay tuned for our next blog posts and new features coming soon!<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">Try it now!<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h2>\n<p><span data-contrast=\"auto\">This new theming capability makes Visual Studio more flexible for individual developers. We\u2019re on a journey to help developers like you make the IDE yours.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Please let us know what you think\u00a0<\/span><a href=\"https:\/\/developercommunity.visualstudio.com\/search?space=8&amp;q=ide+personalization&amp;ftype=idea&amp;stateGroup=active\"><span data-contrast=\"none\">by sharing your thoughts on Developer Community<\/span><\/a><span data-contrast=\"auto\">. We look forward to hearing your feedback.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re like me, maybe you feel like customizing Visual Studio so that your workflow suits your habits in just the right way. Here are a few updates in Visual Studio 2022 that can help with that! We\u2019ve introduced the ability to sync your Visual Studio theme with your Windows theme so that reading can [&hellip;]<\/p>\n","protected":false},"author":68198,"featured_media":233952,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[155],"tags":[229,6827,6834],"class_list":["post-233680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio","tag-accessibility","tag-personalization","tag-themes"],"acf":[],"blog_post_summary":"<p>If you&#8217;re like me, maybe you feel like customizing Visual Studio so that your workflow suits your habits in just the right way. Here are a few updates in Visual Studio 2022 that can help with that! We\u2019ve introduced the ability to sync your Visual Studio theme with your Windows theme so that reading can [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/233680","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=233680"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/233680\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/233952"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=233680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=233680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=233680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}