{"id":460306,"date":"2022-06-10T00:00:00","date_gmt":"2022-06-09T21:00:00","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-enable-dark-mode-for-google-chrome\/"},"modified":"2022-06-10T00:00:00","modified_gmt":"2022-06-09T21:00:00","slug":"how-to-enable-dark-mode-for-google-chrome","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/","title":{"rendered":"#How to Enable Dark Mode for Google Chrome"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a29da40bc018\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a29da40bc018\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/#%E2%80%9CHow_to_Enable_Dark_Mode_for_Google_Chrome%E2%80%9D\" >&#8220;How to Enable Dark Mode for Google Chrome&#8221;<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/#How_to_Enable_Chromes_Dark_Mode_on_Windows_11\" >How to Enable Chrome\u2019s Dark Mode on Windows 11<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/#How_to_Enable_Chromes_Dark_Mode_on_Windows_10\" >How to Enable Chrome\u2019s Dark Mode on Windows 10<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/#How_to_Enable_Chromes_Dark_Mode_on_macOS\" >How to Enable Chrome\u2019s Dark Mode on macOS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/#Bonus_Apply_a_Dark_Theme\" >Bonus: Apply a Dark Theme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-enable-dark-mode-for-google-chrome\/#Bonus_Install_a_Dark_Mode_Extension\" >Bonus: Install a Dark Mode Extension<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"%E2%80%9CHow_to_Enable_Dark_Mode_for_Google_Chrome%E2%80%9D\"><\/span>&#8220;How to Enable Dark Mode for Google Chrome&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<div>\n<img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage alignnone size-full wp-image-808795\" data-pagespeed-no-defer=\"\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/Chrome_Darkmode_head.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Chrome Dark Mode Header\" width=\"1200\" height=\"675\"\/><\/p>\n<p>Google Chrome has had a built-in dark <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">theme<\/a> like Mozilla Firefox and Microsoft Edge since Chrome 74. You can even apply a dark theme to every web page you visit using third-party themes or an extension. Here\u2019s how.<\/p>\n<p>Chrome now offers a built-in dark mode on Windows 10, Windows 11, and macOS. It even makes all of Chrome\u2019s context menus dark, too.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_to_Enable_Chromes_Dark_Mode_on_Windows_11\"><\/span>How to Enable Chrome\u2019s Dark Mode on Windows 11<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google Chrome\u2019s built-in dark theme respects your system theme on Windows 11, too.<\/p>\n<p>Open the Settings app by typing \u201cColor Settings\u201d into the Start menu and hitting Enter, or clicking \u201cOpen.\u201d<\/p>\n<p>Alternatively, you can open the Settings app and navigate to Personalization &gt; Color.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-809019\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/click-open-color-settings.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"650\" height=\"363\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Click the drop-down menu to the right of \u201cChoose Your Mode\u201d and select \u201cDark.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-809020 size-full\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/click-dark.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"650\" height=\"445\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Then close out the Settings app and launch Google Chrome. Unless you\u2019ve manually set Chrome\u2019s theme, it\u2019ll match your system\u2019s setting.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_to_Enable_Chromes_Dark_Mode_on_Windows_10\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_1\">How to Enable Chrome\u2019s Dark Mode on Windows 10<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google Chrome gained a built-in dark theme on Windows in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.howtogeek.com\/411621\/whats-new-in-chrome-74-arriving-april-23\/\">Chrome 74. To enable Chrome\u2019s dark theme, just switch your operating system to dark mode.<\/p>\n<p>On Windows 10, head to Settings &gt; Personalization &gt; Colors and select \u201cDark\u201d under \u201cChoose your default app mode.\u201d On a Mac, enable the system-wide dark mode.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-412321 size-full\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2019\/04\/img_5cc0ae4e24839.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Enabling system-wide dark app mode on Windows 10\" width=\"650\" height=\"456\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Here\u2019s how to activate Chrome\u2019s new dark mode if you\u2019d rather use dark mode in Chrome and light mode throughout the rest of Windows 10. That article also includes instructions for tweaking the color of Chrome\u2019s window title bars.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Enable Google Chrome&#8217;s Dark Mode on Windows 10<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_to_Enable_Chromes_Dark_Mode_on_macOS\"><\/span>How to Enable Chrome\u2019s Dark Mode on macOS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Dark mode for Google Chrome became available on macOS in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.howtogeek.com\/405772\/whats-new-in-chrome-73-arriving-march-12\/\">Chrome 73. Like with Windows, Chrome on macOS will respect the current system theme.<\/p>\n<p>To change the system theme, first open up System Preferences. (You can open it by clicking the Apple menu on the bar at the top of your screen and selecting \u201cSystem Preferences.\u201d)<\/p>\n<p>Click the \u201cGeneral\u201d icon in the System Preferences window and then click \u201cDark\u201d to the right of Appearance.<\/p>\n<p>You can also type \u201cdark\u201d into the search bar in the top right to find this option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-809430\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/search-for-dark-then-click-Dark.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"650\" height=\"398\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Bonus_Apply_a_Dark_Theme\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_3\">Bonus: Apply a Dark Theme<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Chrome supports user-created themes, which you can download from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/category\/themes\">the Chrome Web Store<\/a>. To give Chrome a dark interface, all you have to do is install a dark theme. Google even provides a helpful collection of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/category\/collection\/dark_themes\">editor-selected dark themes<\/a>. This will give your Chrome browser a dark mode on Windows 7, Linux, Chrome OS, and any operating systems without a native dark theme available.<\/p>\n<blockquote class=\"admonishment_update\"><p><strong>Update:<\/strong> Google now offers some official Chrome browser themes, including a \u201c<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/just-black\/aghfnjkcakhmadgdomlmlhhaocbkloab?hl=en\">Just Black<\/a>\u201d dark mode theme. You may want to give that a try.<\/p><\/blockquote>\n<p>We recommend <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/morpheon-dark\/mafbdhjdkjnoafhfelkjpchpaepjknad\">Morpheon Dark<\/a>, which is the most popular dark theme in the Store. Unlike some other dark themes, it provides a decent amount of contrast between your active tab, which is a bit lighter, and your inactive tabs, which are darker.<\/p>\n<p>This theme turns the tab bar, title bar, toolbar, and New Tab page dark. That\u2019s all you can theme in Chrome. You can\u2019t make Chrome\u2019s context menus or Settings page dark, for example.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-809024\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/google-home-page.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"The Google Home Page with Morpheus Dark theme.\" width=\"650\" height=\"427\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>If you ever want to switch back to Chrome\u2019s default theme you can; click menu &gt; Settings. Look for the Themes option under appearance, and then click \u201cReset to Default.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-809023\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/click-restore-to-default.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"650\" height=\"427\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Bonus_Install_a_Dark_Mode_Extension\"><\/span>Bonus: Install a Dark Mode Extension<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<blockquote class=\"admonishment_warning\"><p><strong>Warning:<\/strong> By their very nature, browser extensions present a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.howtogeek.com\/716771\/did-you-know-browser-extensions-are-looking-at-your-bank-account\/\">possible security risk.\u00a0 You should use as few as possible.<\/p><\/blockquote>\n<p>A theme changes your browser\u2019s interface, but most websites use white backgrounds. Sure, you can enable dark mode in Gmail and some other websites individually, but that only works for one website at a time.<\/p>\n<p>To get a dark mode for the entire web, install the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/dark-reader\/eimadpbcbfnmbkopoojfekhnkhdbieeh\">Dark Reader<\/a> extension from the Chrome Web Store. Some other browser extensions work similarly, but we like Dark Reader most out of all the dark mode extensions we\u2019ve tried.<\/p>\n<p>This extension automatically applies a dark style to every web page you visit, and you can click the Dark Reader button on your toolbar to adjust it. You can also disable dark mode for a website from here. The extension even lets you set sites to never open in dark mode, which is useful if Dark Reader doesn\u2019t work well with a website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" alignnone wp-image-361239 size-full\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/img_5b636c19119ae.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"The Dark Reader settings menu.\" width=\"650\" height=\"654\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Unfortunately, Chrome\u2019s Settings pages will always be light unless you enable your system\u2019s dark theme.\u00a0Extensions can\u2019t tamper with these for security reasons. Chrome\u2019s context menus are provided by the operating system, so you can\u2019t turn those dark with an extension, either.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Enable Dark Mode in Windows 10<\/em><\/strong><\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/360650\/how-to-enable-dark-mode-for-google-chrome\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;How to Enable Dark Mode for Google Chrome&#8221; Google Chrome has had a built-in dark theme like Mozilla Firefox and Microsoft Edge since Chrome 74. You can even apply a dark theme to every web page you visit using third-party themes or an extension. Here\u2019s how. Chrome now offers a built-in dark mode on Windows&#8230;<\/p>\n","protected":false},"author":1,"featured_media":460307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2018\/08\/Chrome_Darkmode_head.png?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-460306","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/460306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=460306"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/460306\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/460307"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=460306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=460306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=460306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}