{"id":3178,"date":"2024-07-11T06:08:54","date_gmt":"2024-07-11T13:08:54","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/dotnet\/?p=3178"},"modified":"2024-07-11T06:08:54","modified_gmt":"2024-07-11T13:08:54","slug":"dark-mode-now-available-on-nuget-org","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/dotnet\/dark-mode-now-available-on-nuget-org\/","title":{"rendered":"Dark Mode Now Available on NuGet.org"},"content":{"rendered":"<p>We won\u2019t keep you \u201cin the dark\u201d about this any longer\u2026 Dark Mode for <a href=\"nuget.org\">NuGet.org<\/a> is finally here!\u00a0\u00a0<\/p>\n<p>Your feedback has been invaluable in making this happen. We know that eye strain is a significant issue for many developers, and we&#8217;re excited to offer a solution. Whether you prefer it for aesthetics or necessity, Dark Mode is here to enhance your experience.<\/p>\n<p>Inspired by the sleek and modern design of <a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/\">Fluent UI<\/a>, we\u2019re integrated a color scheme that is easy on the eyes and aligns with the aesthetics of other Microsoft products.\u00a0<\/p>\n<p>\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-3178 gallery-columns-2 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/devblogs.microsoft.com\/dotnet\/dark-mode-now-available-on-nuget-org\/light1-2\/'><img decoding=\"async\" width=\"580\" height=\"371\" data-src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/light1-1-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkQAAAFzAQMAAADluYSRAAAAA1BMVEXW1taWrGEgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAMUlEQVR4nO3BMQEAAADCoPVPbQsvoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4GVrPgABEctvXwAAAABJRU5ErkJggg==\"  class=\"attachment-full size-full lazyload\" alt=\"Image light1\" aria-describedby=\"gallery-1-3193\" data-srcset=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/light1-1-1.png 580w, https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/light1-1-1-300x192.png 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-3193'>\n\t\t\t\tBefore\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/devblogs.microsoft.com\/dotnet\/whats-new-for-parallelism-in-net-4-5\/attachment\/3192\/'><img decoding=\"async\" width=\"426\" height=\"336\" data-src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2011\/09\/2045.image14_thumb_24E7C88A-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaoAAAFQAQMAAADUSKjKAAAAA1BMVEXW1taWrGEgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAKUlEQVR4nO3BMQEAAADCoPVPbQ0PoAAAAAAAAAAAAAAAAAAAAAAAgHcDSDAAASaSGBIAAAAASUVORK5CYII=\"  class=\"attachment-full size-full lazyload\" alt=\"Image\" data-srcset=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2011\/09\/2045.image14_thumb_24E7C88A-1.png 426w, https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2011\/09\/2045.image14_thumb_24E7C88A-1-300x237.png 300w\" sizes=\"(max-width: 426px) 100vw, 426px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/devblogs.microsoft.com\/dotnet\/dark-mode-now-available-on-nuget-org\/light2-2\/'><img decoding=\"async\" width=\"464\" height=\"345\" data-src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/light2-1-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdAAAAFZAQMAAAASLOxTAAAAA1BMVEXW1taWrGEgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAKklEQVR4nO3BAQEAAACCIP+vbkhAAQAAAAAAAAAAAAAAAAAAAAAAAMCFAU+DAAFvaHJsAAAAAElFTkSuQmCC\"  class=\"attachment-full size-full lazyload\" alt=\"Image light2\" aria-describedby=\"gallery-1-3195\" data-srcset=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/light2-1-1.png 464w, https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/light2-1-1-300x223.png 300w\" sizes=\"(max-width: 464px) 100vw, 464px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-3195'>\n\t\t\t\tBefore\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<\/p>\n<p>Dark mode on NuGet.org respects your system themes settings on both Windows and Mac. Although you can manually toggle the settings (shown below), it automatically adapts to your operating system\u2019s preferences, so there\u2019s no need to toggle settings within NuGet.org itself! However, you can toggle between light and dark mode in your NuGet account settings, as shown below, to truly customize your experience.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/settings-1-1.png\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2024\/07\/settings-1-1-432x350.png\" alt=\"Image settings\" width=\"648\" height=\"525\" class=\"aligncenter size-medium wp-image-3196\" \/><\/a><\/p>\n<p>With dark mode now live, it\u2019s the perfect time for package owners to test your packages to ensure they stand out in both light and dark environments. This small step can make a big difference in how users perceive your package at a glance.<\/p>\n<p>As always, we\u2019re constantly committed to improving your experience on NuGet.org. Please direct any feedback regarding contrast, accessibility, or any other bugs to <a href=\"https:\/\/github.com\/NuGet\/NuGetGallery\/issues\">GitHub<\/a>.<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We won\u2019t keep you \u201cin the dark\u201d about this any longer\u2026 Dark Mode for NuGet.org is finally here!\u00a0\u00a0 Your feedback has been invaluable in making this happen. We know that eye strain is a significant issue for many developers, and we&#8217;re excited to offer a solution. Whether you prefer it for aesthetics or necessity, Dark [&hellip;]<\/p>\n","protected":false},"author":114002,"featured_media":56278,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7933,7874,7931],"tags":[4,30,7850,104,7848],"class_list":["post-3178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feature-announcement","category-nuget","category-nuget-org","tag-net","tag-announcement","tag-dark-mode","tag-nuget","tag-nuget-org"],"acf":[],"blog_post_summary":"<p>We won\u2019t keep you \u201cin the dark\u201d about this any longer\u2026 Dark Mode for NuGet.org is finally here!\u00a0\u00a0 Your feedback has been invaluable in making this happen. We know that eye strain is a significant issue for many developers, and we&#8217;re excited to offer a solution. Whether you prefer it for aesthetics or necessity, Dark [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/3178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/users\/114002"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/comments?post=3178"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/3178\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media\/56278"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media?parent=3178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/categories?post=3178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/tags?post=3178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}