{"id":111920,"date":"2020-11-13T11:30:42","date_gmt":"2020-11-13T08:30:42","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-turn-on-dark-mode-on-mac\/"},"modified":"2020-11-13T11:30:42","modified_gmt":"2020-11-13T08:30:42","slug":"how-to-turn-on-dark-mode-on-mac","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-turn-on-dark-mode-on-mac\/","title":{"rendered":"#How to Turn on Dark Mode on Mac"},"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-6a290601e8b56\" 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-6a290601e8b56\" 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-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-turn-on-dark-mode-on-mac\/#How_to_Enable_Dark_Mode_From_Control_Center\" >How to Enable Dark Mode From Control Center<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-turn-on-dark-mode-on-mac\/#How_to_Add_a_Dark_Mode_Toggle_to_Menu_Bar\" >How to Add a Dark Mode Toggle to Menu Bar<\/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-turn-on-dark-mode-on-mac\/#How_to_Enable_Dark_Mode_from_System_Preferences\" >How to Enable Dark Mode from System Preferences<\/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-turn-on-dark-mode-on-mac\/#How_to_Schedule_Dark_Mode_on_Mac\" >How to Schedule Dark Mode on Mac<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#How to Turn on Dark Mode on Mac&#8221;<\/strong><\/p>\n<div>\n<figure id=\"attachment_699662\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-699662 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xMac-User-Enabling-Dark-Mode.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.zNoae904pL.jpg\" alt=\"Mac User Enabling Dark Mode\" width=\"650\" height=\"300\" data-credittext=\"Khamosh Pathak\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\"><span class=\"imagecredit\">Khamosh Pathak<\/span><\/figcaption><\/figure>\n<p>Your <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\">App<\/a>le Mac or MacBook has a dark mode that can help you work better at night and in low-light. Once enabled, supported apps and websites automatically switch to a dark background with white text. Here\u2019s how to enable dark mode on Mac.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_to_Enable_Dark_Mode_From_Control_Center\"><\/span>How to Enable Dark Mode From Control Center<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Dark mode was first introduced with macOS Mojave. You could\u00a0enable or disable it from the System Preferences. Mac users who are running macOS Big Sur and newer can now enable or disable dark mode right from the Control Center.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699682\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xmacOS-Big-Sur-Dark-Mode.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.0DkVHi4tAa.png\" alt=\"macOS Big Sur Dark Mode\" width=\"650\" height=\"407\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Click the \u201cControl Center\u201d icon from the top-right corner of your screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699531\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xClick-the-Control-Center-Icon-from-Mac-Menu-Bar.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.mICrS_6sz_.png\" alt=\"Click the Control Center Icon from Mac Menu Bar\" width=\"650\" height=\"240\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>From the Control Center drop-down window, click the \u201cDisplay\u201d module.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699676\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xClick-Display-Module-from-Control-Center.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.uU3BbwarLJ.png\" alt=\"Click Display Module from Control Center\" width=\"650\" height=\"346\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The Display module will now expand. Here, select the \u201cDark Mode\u201d button to enable or disable the feature.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699677\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xClick-Dark-Mode-to-Enable-the-Feature.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.u9wmrndlaD.png\" alt=\"Click Dark Mode to Enable the Feature\" width=\"650\" height=\"285\" 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=\"How_to_Add_a_Dark_Mode_Toggle_to_Menu_Bar\"><\/span>How to Add a Dark Mode Toggle to Menu Bar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>With previous versions of macOS, you needed a third-party app to access a dark mode toggle from the menu bar. Thanks to the Control Center introduced in Big Sur, you can add this toggle to the menu bar without installing anything.<\/p>\n<p>Open the \u201cControl Center\u201d on your Mac and then drag and drop the \u201cDisplay\u201d panel to the menu bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699679\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xDrag-Displa-Planel-to-Menu-Bar.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.68pgwv4RAp.png\" alt=\"Drag Display Panel to Menu Bar\" width=\"650\" height=\"246\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The Display panel will turn into an icon and sit permanently in your Mac\u2019s menu bar. Click the \u201cDisplay\u201d button to expand the window. From here, select the \u201cDark Mode\u201d button to quickly enable or disable the visual feature.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699678\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xEnable-Dark-Mode-from-Display-Icon-in-Menu-Bar.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.At1H6UF1pI.png\" alt=\"Enable Dark Mode from Display Icon in Menu Bar\" width=\"650\" height=\"252\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>You can rearrange or remove the \u201cDisplay\u201d icon from the menu bar quite easily. Press and hold the \u201cCommand\u201d key and then drag and drop the Display icon to where you want to move it.<\/p>\n<p>If you want to remove the \u201cDisplay\u201d icon, drag the icon out to the \u201cDesktop\u201d and then let go.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699681\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xPick-up-and-Release-Digital-Panel-Icon-from-Menu-Bar.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.XYaCQ9LNCC.png\" alt=\"Pick up and Release Digital Panel Icon from Menu Bar\" width=\"650\" height=\"205\" 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=\"How_to_Enable_Dark_Mode_from_System_Preferences\"><\/span>How to Enable Dark Mode from System Preferences<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you\u2019re using macOS Mojave or Catalina on your Mac, you don\u2019t have access to the Control Center. Thankfully, you can enable or disable dark mode from System Preferences on any modern version of macOS.<\/p>\n<p>Click the \u201cApple\u201d button from the menu bar and choose the \u201cSystem Preferences\u201d option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699489\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xSelect-System-Preferences-from-Apple-Menu-in-Big-Sur.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.DrpfIVryy1.png\" alt=\"Select System Preferences from Apple Menu in Big Sur\" width=\"650\" height=\"373\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Here, go to the \u201c<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/general\/\" data-internallinksmanager029f6b8e52c=\"3\" title=\"General\" target=\"_blank\" rel=\"noopener\">General<\/a>\u201d section.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699673\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/Click-General-from-System-Preferences.png\" alt=\"Click General from System Preferences\" width=\"650\" height=\"184\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>From the \u201cAppearance\u201d section, you can switch between the \u201cLight\u201d and \u201cDark\u201d modes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699674\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xSwitch-to-Light-or-Dark-mode.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.TjzOLbUWMY.png\" alt=\"Switch to Light or Dark mode\" width=\"650\" height=\"226\" 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=\"How_to_Schedule_Dark_Mode_on_Mac\"><\/span>How to Schedule Dark Mode on Mac<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>macOS can also enable or disable dark mode automatically based on the time of the day. Go to System Preferences &gt; General, and from the \u201cAppearance\u201d section, choose the \u201cAuto\u201d option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-700250\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xSelect-Auto-from-Appearance.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.aWPC1PPss4.png\" alt=\"Select Auto from Appearance\" width=\"650\" height=\"139\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Once this option is enabled, macOS will automatically enable dark mode in the evening. And when you open up your Mac in the morning, macOS will be back in light mode.<\/p>\n<p>If you want to enable dark mode at a specific time, you can use a third-party app called <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/nightowl.kramser.xyz\/\">NightOwl<\/a>. It\u2019s a free menu bar utility that works with macOS Mojave and higher.<\/p>\n<p>The utility also serves as a quick-switch for enabling and disabling dark mode from the menu bar. Simply right-clicking the \u201cNightOwl\u201d icon from the menu bar enables or disables dark mode.<\/p>\n<p>After NightOwl is installed and you have approved permissions, you can click the \u201cNightOwl\u201d button and enable the \u201cScheduled\u201d feature. Then, enter the time when you want to enable the Light or Dark mode.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-699675\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/11\/xSchedule-Dark-Mode-from-NightOwl.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.K9bJUbEjQ_.png\" alt=\"Schedule Dark Mode from NightOwl\" width=\"650\" height=\"310\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<hr\/>\n<p>Want to force websites to switch to dark mode as well? Here\u2019s how you can make that happen in Safari and Chrome.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Get Dark Mode for All Websites on Mac<\/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 noreferrer\">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 noreferrer\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/699672\/how-to-turn-on-dark-mode-on-mac\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#How to Turn on Dark Mode on Mac&#8221; Khamosh Pathak Your Apple Mac or MacBook has a dark mode that can help you work better at night and in low-light. Once enabled, supported apps and websites automatically switch to a dark background with white text. Here\u2019s how to enable dark mode on Mac. How to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":111921,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/thumbcache\/2\/200\/a6812ea871b7fd85be1a90c3a3b23f6b\/wp-content\/uploads\/2020\/11\/Mac-User-Enabling-Dark-Mode.png","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-111920","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\/111920","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=111920"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/111920\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/111921"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=111920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=111920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=111920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}