{"id":105392,"date":"2025-02-02T00:52:25","date_gmt":"2025-02-02T00:52:25","guid":{"rendered":"https:\/\/www.red-gate.com\/simple-talk\/?p=105392"},"modified":"2025-02-02T00:52:27","modified_gmt":"2025-02-02T00:52:27","slug":"dark-mode-in-ssms-21-and-overall-first-impressions","status":"publish","type":"post","link":"https:\/\/www.red-gate.com\/simple-talk\/databases\/sql-server\/dark-mode-in-ssms-21-and-overall-first-impressions\/","title":{"rendered":"Dark Mode in SSMS 21 and overall first impressions"},"content":{"rendered":"\n<p>Let me cut to the chase. If you are like me, you may have been searching for: How to turn on Dark Mode in SSMS V21. Searching for that very thing today inspired me to write this blog to help others do the same thing because I couldn&#8217;t seem to find an easy answer.<\/p>\n\n\n\n<p> The process is really easy, but it doesn&#8217;t exactly start you in the face until you know that Dark Mode isn&#8217;t a box you check, or even really a thing. Rather it is a mode. Open SSMS V21, go to the <strong>Tools Menu\\Options<\/strong>. And in the tree choose <strong>Environment\\General<\/strong>. Now, choose your <strong>Visual Experience<\/strong> and choose <strong>Dark<\/strong> and voila: Dark Mode:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-3-1024x391.png\" alt=\"\" class=\"wp-image-105393\" srcset=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-3-1024x391.png 1024w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-3-300x114.png 300w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-3-768x293.png 768w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-3.png 1358w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>It isn&#8217;t 100% there in this preview&#8230; there are dialogs that don&#8217;t respond to the color changes at this time. Like the Options window, but as long as the code editor is dark, I am pretty good. For example, the <strong>Options <\/strong>dialog still has the default color:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-4-1024x535.png\" alt=\"\" class=\"wp-image-105394\" srcset=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-4-1024x535.png 1024w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-4-300x157.png 300w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-4-768x401.png 768w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-4.png 1412w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I don&#8217;t know why it was so hard to find, but when I was just about to go to the couch and just Mario Kart the morning away, I decided to search once more and <a href=\"https:\/\/www.brentozar.com\/archive\/2024\/11\/ssms-v21-dark-mode-git-vertical-tabs-and-more\/\">Brent Ozar had a post about SSMS<\/a> that let me to the right place.<\/p>\n\n\n\n<p>If they weren&#8217;t able to fix some of the dialogs colors, I would not really care. The most important thing is the actual coding experience. (I am writing on a 32 inch monitor in WordPress with a white background and it is sort of killing my eyes :))<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-only-a-minor-quibble-so-far\">Only a minor quibble so far<\/h2>\n\n\n\n<p>The only thing that I wasn&#8217;t keen on was the grid results. The font started a bit small on my monitor, and the lines around the values that were output seemed really bright. <\/p>\n\n\n\n<p>The default font size for the grid was a 7 point Microsoft Sans Serif font. While 7 is good for a lot of results,  the grid doesn&#8217;t have a way to zoom in, and my eyesight is, let&#8217;s call it complicated. So I set it to 12 and basically left it with the proportional font. You can change the font in <strong>Tools\\Options<\/strong>, then choose <strong>Environment\\Fonts and Colors<\/strong>. <strong>Find Show Settings for:<\/strong> and finally: <strong>Grid Results<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"836\" height=\"565\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-5.png\" alt=\"\" class=\"wp-image-105397\" style=\"width:474px;height:auto\" srcset=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-5.png 836w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-5-300x203.png 300w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-5-768x519.png 768w\" sizes=\"auto, (max-width: 836px) 100vw, 836px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><em>If I have to do this very often, I will most likely be programming a macro into by StreamDeck that will click into all of those menus!<\/em><\/p>\n\n\n\n<p>The only problem so far with dark mode for me has been that the grid basically became a high contrast color, that kind of hurt my eyes for different reasons than the big bright screen. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"890\" height=\"573\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-8.png\" alt=\"\" class=\"wp-image-105400\" style=\"width:432px;height:auto\" srcset=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-8.png 890w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-8-300x193.png 300w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-8-768x494.png 768w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/figure>\n\n\n\n<p>There is quite a bit of light shining back around what I am trying to read, though it is not as bad at a larger font (and worth it for the rest of the screen to not be like staring at a light bulb.) <\/p>\n\n\n\n<p>You can play around with the colors, fonts, and font size for the grid if you have issues (or just a personal preference!) On that same dialog you can change the background and font size for values and for NULL values. So I did a bit of change up:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"719\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-7.png\" alt=\"\" class=\"wp-image-105399\" style=\"width:432px;height:auto\" srcset=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-7.png 788w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-7-300x274.png 300w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-7-768x701.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<p>And that is kind of better. <\/p>\n\n\n\n<p>I typically output to text, and that still is larger or smaller based on the code font size, which you can change with your mouse wheel<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"891\" height=\"590\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-9.png\" alt=\"\" class=\"wp-image-105401\" style=\"width:437px;height:auto\" srcset=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-9.png 891w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-9-300x199.png 300w, https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-9-768x509.png 768w\" sizes=\"auto, (max-width: 891px) 100vw, 891px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-overall-first-impressions-of-ssms-21\">Overall First Impressions of SSMS 21?<\/h2>\n\n\n\n<p>I am using the Preview 3.0 version, and there is really only one thing I don&#8217;t care for at all. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-the-icon\">The Icon<\/h3>\n\n\n\n<p>The icon:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"54\" height=\"53\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-10.png\" alt=\"\" class=\"wp-image-105402\"\/><\/figure>\n\n\n\n<p>And look, it isn&#8217;t because it isn&#8217;t better, more modern, or that it looks like all the other icons they have put out for newer data tools. It is because this is what I am looking for when I want to query my data:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"60\" src=\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2025\/02\/image-11.png\" alt=\"\" class=\"wp-image-105403\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-but-seriously\">But seriously<\/h3>\n\n\n\n<p>The best compliment I can give a new version of a tool like SSMS that I have spent so much time with over the years is this &#8220;It still feels like home, with a few renovations.&#8221;<\/p>\n\n\n\n<p>One really nice thing I noticed when I decided to do some writing about it today was the upgrade experience. I think there may be more improvements to come, but updating from the first preview I had installed was so much easier than before. It is not yet as easy as Visual Studio Code\/Azure Data Studio, but I just looked for updates in the menu, and it did the rest without going to a download page. <\/p>\n\n\n\n<p>That step always was a bit of a pain, so too often I just said &#8220;Bah&#8221; and moved on. <\/p>\n\n\n\n<p>Overall, I am just excited to see what comes next.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let me cut to the chase. If you are like me, you may have been searching for: How to turn on Dark Mode in SSMS V21. Searching for that very thing today inspired me to write this blog to help others do the same thing because I couldn&#8217;t seem to find an easy answer. The&#8230;&hellip;<\/p>\n","protected":false},"author":56085,"featured_media":105395,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[143524],"tags":[159259,159260,5351],"coauthors":[19684],"class_list":["post-105392","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sql-server","tag-dark-mode","tag-ssms21","tag-tools"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts\/105392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/users\/56085"}],"replies":[{"embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/comments?post=105392"}],"version-history":[{"count":5,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts\/105392\/revisions"}],"predecessor-version":[{"id":105408,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts\/105392\/revisions\/105408"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/media\/105395"}],"wp:attachment":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/media?parent=105392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/categories?post=105392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/tags?post=105392"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/coauthors?post=105392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}