{"id":412,"date":"2020-03-31T16:32:50","date_gmt":"2020-03-31T16:32:50","guid":{"rendered":"https:\/\/unydevelopernetwork.com\/?p=412"},"modified":"2020-03-31T16:33:02","modified_gmt":"2020-03-31T16:33:02","slug":"tips-n-trick-mengaktifkan-mode-gelap-google-chrome","status":"publish","type":"post","link":"https:\/\/unydevelopernetwork.com\/index.php\/2020\/03\/31\/tips-n-trick-mengaktifkan-mode-gelap-google-chrome\/","title":{"rendered":"Tips ‘n Trick: Mengaktifkan Mode Gelap Google Chrome."},"content":{"rendered":"Reading Time: <\/span> 4<\/span> minutes<\/span><\/span>\n

Selamat datang di blogs UNYDeveloperNetwork. Pada artikel tips ‘n trick kali ini, Saya akan membahas sedikit tentang mode gelap. Atau bahasa kerennya sekarang adalah dark mode<\/em>. Semenjak dark mode<\/em> mulai menjadi trend di awal tahun 2019 (sehingga disebut tahunnya dark mode<\/em>), para pengembang aplikasi berlomba – lomba untuk menambahkan fitur dark mode<\/em> pada aplikasi mereka. Bahkan termasuk Google Chrome. Namun, hingga saat ini, yang kita ketahui bahwa Google Chrome masih belum menyertakan dark mode<\/em> sebagai pilihan mode default<\/em>. Hal ini dikarenakan, modus ini masih dalam tahap experiment<\/em>. Lantas, bagaimanakah caranya jika kita ingin mengaktifkan modus ini di Google Chrome? <\/p>\n\n\n\n\n\n\n\n

Sebelum Saya melanjutkan artikel ini lebih jauh lagi, mari kita perhatikan halaman – halaman website berikut sebelum Saya aktifkan dark mode<\/em> Google Chrome.<\/p>\n\n\n\n

\"\"
Tampilan Home Page dari Google sebelum dark mode <\/em>diaktifkan<\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan feed dari Facebook sebelum dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan first page<\/em> The New York Times sebelum dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan first page<\/em> BBC News sebelum dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan halaman profil Github sebelum dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n

Setelah kita melihat beberapa halaman web sebelum dark mode<\/em> diaktifkan, sekarang saatnya kita aktifkan mode ini. Untuk dapat melakukannya, kita harus masuk ke halaman Experimental<\/em> Google Chrome. Ketikkan perintah berikut pada address bar Google Chrome:<\/p>\n\n\n\n

chrome:\/\/flags<\/code><\/pre>\n\n\n\n
Maka akan muncul sebuah tampilan seperti tangkapan layar di bawah ini.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Carilah “Force Dark Mode for Web Contents”<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Pada bagian drop down “Disabled” gantilah menjadi “Enabled”. Setelah itu, akan muncul notifikasi untuk melakukan “Relaunch” Google Chrome.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Klik saja pada tombol “Relaunch” untuk me-restart Google Chrome. Setelah Anda melakukan “Relaunch” seluruh tampilan konten website pada Google Chrome akan “dipaksa” menjadi dark. Perhatikan beberapa tangkapan layar di bawah ini. <\/p>\n\n\n\n
\"\"
Tampilan Home Page Google setelah dark mode <\/em>diaktifkan<\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan halaman hasil pencarian Google  setelah dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan feed<\/em> Facebook  setelah dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan first page<\/em> The New York Times  setelah dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan first page<\/em> BBC News  setelah dark mode <\/em>diaktifkan <\/figcaption><\/figure>\n\n\n\n
\"\"
Tampilan halaman profil Github  setelah dark mode <\/em>diaktifkan.<\/figcaption><\/figure>\n\n\n\n
Kekurangan<\/h2>\n\n\n\n
Setelah kita melihat perbedaan beberapa halaman web sebelum dan sesudah dark mode<\/em> Google Chrome diaktifkan, kita dapat memperhatikan terdapat kekurangan pada dark mode<\/em> Google Chrome ini. <\/p>\n\n\n\n
  • Beberapa style CSS tidak dapat dirender dengan sempurna, sehingga menyebabkan menyatunya warna – warna antar komponen (Contoh: tombol pada Github dan kotak pencarian Google)<\/li>
  • Apabila sebuah website menggunakan logo dalam bentuk gambar dan berwarna gelap (seperti pada web berita The New York Times dan BBC News), maka logo website akan menjadi tidak tampak. Hal ini dikarenakan dark mode<\/em> Google Chrome hanya merender bagian terang dari sebuah halaman web menjadi gelap dan tidak melakukan inversi warna sebuah gambar.<\/li><\/ul>\n\n\n\n
    Namun, terlepas dari beberapa kekurangannya, menurut Saya, dark mode<\/em> Google Chrome ini sangat membantu sekali dalam mengurangi eye-strain<\/em> Saya. Saya menjadi lebih nyaman ketika harus bekerja dengan mengunakan Google Chrome terutama ketika saat ini menulis artikel. Meskipun masih dalam tahap experimental<\/em>, namun fitur ini jauh lebih baik daripada fitur smart-inverse<\/em> yang dimiliki oleh iphone.<\/p>\n\n\n\n
    Demikian artikel Tips ‘n Trick: Mengaktifkan Mode Gelap Google Chrome ini. Semoga bermanfaat bagi kita semua. Apabila Anda memiliki pertanyaan terkait dengan artikel ini, silakan tinggalkanlah di kolom komentar. Apabila Anda ingin mencuplik artikel ini, jangan lupa sertakan juga URL-nya. Terima kasih banyak… ^_^<\/p>\n","protected":false},"excerpt":{"rendered":"
    Reading Time: <\/span>  4<\/span> minutes<\/span><\/span>Selamat datang di blogs UNYDeveloperNetwork. Pada artikel tips ‘n trick kali ini, Saya akan membahas sedikit tentang mode gelap. Atau bahasa kerennya sekarang adalah dark mode. Semenjak dark mode mulai menjadi trend…<\/p>\n","protected":false},"author":1,"featured_media":421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[111],"tags":[76,113,116,112,114,115],"class_list":["post-412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome","tag-browser","tag-dark-mode","tag-dark-mode-google-chrome","tag-google-chrome","tag-google-chrome-dark-mode","tag-google-chrome-mode-gelap"],"featured_image_src":"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/post-1.jpg","author_info":{"display_name":"Muhammad Irfan Luthfi","author_link":"https:\/\/unydevelopernetwork.com\/index.php\/author\/admin\/"},"jetpack_featured_media_url":"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/post-1.jpg","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":1,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/412\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/412\/revisions\/427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/media\/421"}],"wp:attachment":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/media?parent=412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/categories?post=412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/tags?post=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}