Cách kích hoạt giao diện tối trên Chrome (cho mọi trang web)

Chế độ nền tối hay còn gọi là chế độ Dark Mode đang trở nên phổ biến hơn bao giờ hết, người người Dark Mode, nhà nhà Dark Mode.

Chế độ Dark Mode có mặt ở khắp các ứng dụng, khắp các nền tảng, từ các ứng dụng mobile cho đến phần mềm Windows, macOS, và nó nhận được sự hưởng ứng rất tích cực đến từ phía người dùng.

Tuy nhiên đó là với các ứng dụng, còn phần lớn các website, thứ mà chúng ta vẫn truy cập hằng ngày vẫn chưa được trang bị chế độ nền tối toàn phần (giao diện tối đúng nghĩa luôn), trừ một số trang được tích hợp sẵn như Reddit, Youtube,….

Vậy nên, trong bài viết này mình sẽ hướng dẫn cho bạn cách bật giao diện tối trên Google Chrome, để bạn có thể sử dụng được máy tính lâu hơn vào buổi tối nhé 🙂

Cách I. Sử dụng tiện ích mở rộng Dark Reader

Bạn tải tiện ích Dark Reader về thông qua link bên dưới => sau đó tiến hành cài đặt vào là sử dụng được ngay.

Ngoài ra, bạn có thể theo dõi dự án này trên Github tại đây !

Cách II. Cách kích hoạt giao diện tối trên Chrome

#1. Giới thiệu tính năng Force Dark Mode for Web contents trên Google Chrome

Mình nói qua một chút về tính năng này nhé, tính năng này có tên đầy đủ là “Force Dark Mode for Web contents”.

Sau khi được kích hoạt thì nó sẽ làm cho giao diện của tất cả các trang web mà bạn truy cập biến thành nền tối như khi bạn sử dụng giao diện Dark Mode trên Windows, MacOS, Android hay iOs vậy.

Và như mình vừa nói bên trên, tính năng này vẫn đang trong giai đoạn thử nghiệm, sẽ được đưa lên Google Chrome bản chính thức sớm thôi. Tiện ích này cho bạn những tùy chọn bao gồm:

  • Đảo ngược màu đơn giản dựa trên HSL
  • Đảo ngược màu đơn giản dựa trên CIELAB
  • Đảo ngược màu hình ảnh
  • Đảo ngược màu có chọn lọc những yếu tố phi hình ảnh
  • Đảo ngược màu mọi thứ

#2. Cách kích hoạt Dark Mode cho mọi trang web trên Google Chrome

NOTE:
Bạn có thể kích hoạt theo bài hướng dẫn này (phần #1 nhé các bạn). Hoặc là làm theo các bước bên dưới.

Đầu tiên, bạn mở trình duyệt Google Chrome lên.

=> Sau đó gõ vào thanh địa chỉ bên dưới => rồi ENTER để truy cập trang kích hoạt những tính năng ẩn hay ho trên Chrome.

chrome://flags/#enable-force-dark

=> Sau đó bạn chọn là Enabled with selective inversion of non-image elements

Bạn cũng có thể thử chọn với những lựa chọn khác => sau đó bấm Relanch để khởi động lại trình duyệt web.

kich-hoat-giao-dien-toi-tren-google-chrome-1

Ngay sau khi khởi động lại trình duyệt web, toàn bộ sẽ biến thành màu đen như thế này.

Mình vừa chỉnh lại giao diện trình duyệt cũng thành màu đen luôn cho nó đồng bộ luôn 😀

-kich-hoat-che-do-dark-mode-cho-moi-trang-web (6)

Để tắt giao diện tối thì bạn chỉ cần lặp lại thao tác bên trên => rồi chọn Disabled nhé.

Một vài trang web sau khi đã bật chế độ Dark Mode trên Google Chrome

***Đây là trang blogchiasekienthuc.com khi ở chế độ Dark mode toàn phần.

-kich-hoat-che-do-dark-mode-cho-moi-trang-web (7)

***Đây là trang Twitter khi ở chế độ Dark mode toàn phần.

-kich-hoat-che-do-dark-mode-cho-moi-trang-web (8)

***Đây là trang Instagram khi ở chế độ Dark mode toàn phần.

-kich-hoat-che-do-dark-mode-cho-moi-trang-web (9)

Để tắt chế độ này đi thì bạn chi cần vào lại Chrome Flags, chuyển từ Enabled thành Default hoặc Disabled đều được.

Lời kết

Okay, như vậy là mình đã hướng dẫn rất chi tiết cho các bạn cách kích hoạt giao diện tối trên Google Chrome rồi nhé.

Mình thấy đây là một tính năng rất tuyệt vời, hi vọng nó sớm đưa lên bản chính thức để chúng ta sớm được sử dụng.

Bạn thấy tiện ích này thế nào? Để lại nhận xét ở dưới phần bình luận nhé !.

Hi vọng bài viết sẽ hữu ích với bạn, chúc bạn thành công !

CTV: Nguyễn Thanh Tùng – Blogchiasekienthuc.com
Edit by Kiên Nguyễn

Bài viết đạt: 5/5 sao - (Có 3 lượt đánh giá)
Note: Bài viết này hữu ích với bạn chứ? Đừng quên đánh giá bài viết, like và chia sẻ cho bạn bè và người thân của bạn nhé !

Administrator: Kiên Nguyễn

Có một câu nói của người Nhật mà mình rất thích đó là " Người khác làm được thì mình cũng làm được ". Chính vì thế mà hãy theo đuổi đam mê, thành công sẽ theo đuổi bạn ! Nếu như bạn đang gặp khó khăn và cần sự trợ giúp thì hãy comment phía bên dưới mỗi bài viết để nhận được sự hỗ trợ từ cộng đồng Blog Chia Sẻ Kiến Thức nhé.

Một vài lưu ý trước khi comment :

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Tất cả các comment của các bạn sẽ được giải đáp trong vòng 48h !
Không được sử dụng từ khóa trong ô 'Name', bạn hãy dùng tên thật hoặc Nickname của bạn !
Không dẫn link sang trang web/blog khác. Xem quy định comment tại đây. Thank All!

Leave a Reply

Your email address will not be published. Required fields are marked *

Shop