Cách tùy chỉnh chế độ tối của ChatGPT bằng CSS
Cập nhật 15 tháng 6, 2026
Trả lời nhanh
Tự thay đổi màu nền ChatGPT bằng CSS yêu cầu một trình quản lý như Stylus để chèn mã tùy biến. Bạn có thể viết CSS hướng tới thẻ root của trang để đổi màu đen thành xám, nhưng phương án này rất dễ lỗi. OpenAI cập nhật tên class và cấu trúc DOM liên tục, làm hỏng CSS tùy biến của bạn mà không báo trước. GPT Master loại bỏ việc bảo trì thủ công này bằng cách theo dõi và tự động loại bỏ các thuộc tính OLED của ChatGPT, giữ cho giao diện xám nhẹ nhàng luôn ổn định.
Nhiều người dùng chọn giải pháp tự viết CSS để tránh giao diện đen thuần của ChatGPT. Dù việc tự viết CSS giúp kiểm soát hoàn toàn thiết kế, nó sẽ trở thành một công việc phải lặp lại thường xuyên. Mỗi cập nhật nhỏ của giao diện ChatGPT đều có nguy cơ làm hỏng mã CSS và buộc bạn phải viết lại.
- 1
Cài đặt trình quản lý phong cách như Stylus
Thêm tiện ích tùy biến phong cách người dùng vào trình duyệt để cho phép chèn stylesheet tùy chỉnh trên các trang web cụ thể.
- 2
Tạo quy tắc phong cách cho ChatGPT
Tạo mục tiêu phong cách mới cho chatgpt.com. Sử dụng mã CSS [data-oled] { --main-surface-primary: #202123; } để ghi đè lên màu nền đen.
- 3
Sử dụng GPT Master để không phải bảo trì
Nếu mã CSS tùy chỉnh của bạn bị hỏng sau khi ChatGPT cập nhật, hãy cài đặt GPT Master. Bật Chế độ tối cổ điển trong Quick Controls để lấy lại màu xám mà không cần viết mã.
GPT Master
Ngừng sửa đổi mã code để sửa giao diện. Khôi phục màu xám ngay lập tức.
Câu hỏi thường gặp
- Tại sao mã CSS ChatGPT tùy chỉnh của tôi liên tục bị hỏng?
- ChatGPT được xây dựng dưới dạng ứng dụng trang đơn (SPA) và nhận cập nhật thường xuyên. Khi OpenAI thay đổi tên class nội bộ hoặc thuộc tính giao diện, các bộ chọn CSS cũ của bạn sẽ không còn trùng khớp.
- Stylus hay CSS tùy chỉnh có làm chậm trình duyệt không?
- Việc chèn thêm một vài dòng CSS có tác động không đáng kể đến hiệu năng. Tuy nhiên, việc phải cập nhật stylesheet liên tục khi trang web thay đổi sẽ tiêu tốn nhiều thời gian thủ công.
- GPT Master xử lý chế độ tối khác gì so với dùng CSS?
- Thay vì dựa vào các bộ chọn class CSS dễ bị thay đổi, tiện ích mở rộng giám sát trực tiếp các thuộc tính gốc của trang. Khi phát hiện nhãn giao diện OLED, GPT Master sẽ loại bỏ nó trực tiếp.
Hướng dẫn liên quan
Sẵn sàng giải quyết vấn đề này dứt điểm?
Ngừng sửa đổi mã code để sửa giao diện. Khôi phục màu xám ngay lập tức.
Biến ChatGPT thành không gian làm việc chuyên nghiệp theo đúng cách bạn muốn.
★★★★★ 4.8 trên Chrome Web Store 4,000+ Người dùng thành thạo Free để cài đặt
Thêm vào Chrome