{"id":346203,"date":"2021-09-29T20:00:36","date_gmt":"2021-09-29T17:00:36","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-disable-website-tinting-in-safari\/"},"modified":"2021-09-29T20:00:36","modified_gmt":"2021-09-29T17:00:36","slug":"how-to-disable-website-tinting-in-safari","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-disable-website-tinting-in-safari\/","title":{"rendered":"#How to Disable Website Tinting in Safari"},"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-6a27d4fc70a18\" 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-6a27d4fc70a18\" 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-disable-website-tinting-in-safari\/#Disable_Website_Tinting_on_iPhone_and_iPad\" >Disable Website Tinting on iPhone and iPad<\/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-disable-website-tinting-in-safari\/#Disable_Website_Tinting_or_Tab_Bar_Coloring_on_Mac\" >Disable Website Tinting or Tab Bar Coloring on Mac<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#How to Disable Website Tinting in Safari&#8221;<\/strong><\/p>\n<div>\n<img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage alignnone size-full wp-image-757757\" srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Safari-Website-Tinting-Lede.png?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Safari-Website-Tinting-Lede.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Safari-Website-Tinting-Lede.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Safari Tabs with and without website tinting\" width=\"1200\" height=\"675\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The interface changes introduced with Safari 15 make the tab bar match the header\u2019s color of the site you\u2019re browsing. <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 calls it website tinting, which you can disable if it distracts you while browsing or switching between tabs.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>The Complete Guide to Mastering Tabs in Safari<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Disable_Website_Tinting_on_iPhone_and_iPad\"><\/span>Disable Website Tinting on iPhone and iPad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The website tinting makes the area above Safari pick up the dominant header color from websites. On the iPhones X and later models with a notch, it\u2019s pretty prominent. But the older iPhone models will only see it while scrolling.<\/p>\n<p>To get started disabling tinting, open the \u201cSettings\u201d app on your iPhone or iPad, scroll down to Safari, and select it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757758\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Select-Safari-from-the-Settings-app-on-iphone-or-ipad.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Open the &quot;Settings&quot; app on your iPhone or IPad and select &quot;Safari.&quot;\" width=\"650\" height=\"416\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Scroll down till you see the \u201cTabs\u201d section. From there, toggle off the switch for \u201cAllow Website Tinting\u201d and close the \u201cSettings\u201d app.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757760\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Toggle-off-switch-for-allow-website-tinting-on-iphone-or-ipad.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Toggle off the switch for &quot;Allow Website Tinting.&quot;\" width=\"650\" height=\"500\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>You\u2019ll have to force quit Safari on your iPhone or iPad and reopen it to enjoy the change.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Disable_Website_Tinting_or_Tab_Bar_Coloring_on_Mac\"><\/span>Disable Website Tinting or Tab Bar Coloring on Mac<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you\u2019re running the latest update of Safari on your Mac with the macOS Big Sur, Catalina and later, then this feature is enabled automatically. Also, Apple gives website tinting a different name on desktop and calls it \u201ccolor in tab bar.\u201d<\/p>\n<p>Launch Safari on your Mac. Select the \u201cSafari\u201d menu in the top-left corner and click \u201cPreferences\u201d in the menu that opens.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757761\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Select-safari-menu-and-select-preferences.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Select &quot;Safari&quot; in the top-left corner, and select &quot;Preferences.&quot;\" width=\"600\" height=\"400\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Go to the tab called \u201cTabs\u201d next to \u201c<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/general\/\" data-internallinksmanager029f6b8e52c=\"3\" title=\"General\" target=\"_blank\" rel=\"noopener\">General<\/a>.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757762\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Select-the-Tabs-tab-next-to-General-in-Safari-preferences.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Go to &quot;Tabs&quot; next to &quot;General.&quot;\" width=\"607\" height=\"235\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Uncheck the box for \u201cShow Color in Tab Bar.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757764\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Uncheck-option-for-show-color-in-tab-bar.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Uncheck the optoin for &quot;Show color in the tab bar.&quot;\" width=\"627\" height=\"267\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>It\u2019ll change the Safari\u2019s tab interface im<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">media<\/a>tely, and you\u2019ll see the regular tab bar again. Now, you can close the \u201cPreferences\u201d window.<\/p>\n<p>That\u2019s it!<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Update Safari 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\">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\/757250\/how-to-disable-website-tinting-in-safari\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#How to Disable Website Tinting in Safari&#8221; The interface changes introduced with Safari 15 make the tab bar match the header\u2019s color of the site you\u2019re browsing. Apple calls it website tinting, which you can disable if it distracts you while browsing or switching between tabs. RELATED: The Complete Guide to Mastering Tabs in Safari&#8230;<\/p>\n","protected":false},"author":1,"featured_media":346204,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/09\/Safari-Website-Tinting-Lede.png?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-346203","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\/346203","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=346203"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/346203\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/346204"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=346203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=346203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=346203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}