# Giao diện sáng/tối

## **1. Mục tiêu**

Cung cấp khả năng tùy biến môi trường làm việc cá nhân, giúp tối ưu hóa thị giác và tạo sự thoải mái cho người dùng khi thiết kế Landing Page trong thời gian dài hoặc trong các điều kiện ánh sáng khác nhau.

## **2. Khi nào dùng?**

* Khi bạn cảm thấy mỏi mắt sau một thời gian dài làm việc với giao diện sáng màu.
* Khi làm việc trong môi trường thiếu sáng (ban đêm) hoặc dưới ánh sáng mặt trời mạnh.
* Dùng khi bạn muốn thay đổi trải nghiệm làm việc để phù hợp với sở thích cá nhân.

## **3. Các bước thực hiện**

* Kích hoạt: Tìm biểu tượng Hình mặt trăng trên thanh điều hướng phía bên phải (cạnh biểu tượng Cài đặt).

<div><figure><img src="/files/tnhbzpp5hjgz6po0Rvic" alt=""><figcaption></figcaption></figure> <figure><img src="/files/5iCO4qu0NglZfWZGzXri" alt=""><figcaption></figcaption></figure></div>

* Thay đổi: Chọn trực tiếp vào biểu tượng để chuyển đổi qua lại giữa hai chế độ:
  * Dark Mode (Chế độ tối): Nền giao diện chuyển sang màu tối, chữ sáng, giúp giảm ánh sáng xanh và bảo vệ mắt.
  * Light Mode (Chế độ sáng): Giao diện quay trở lại màu sáng truyền thống, phù hợp với môi trường làm việc văn phòng có đủ ánh sáng.

## **4. Lưu ý quan trọng**

* Chỉ thay đổi giao diện làm việc: Việc chuyển đổi này chỉ ảnh hưởng đến màu sắc của thanh công cụ và các bảng điều khiển trong trình builder. Nó không làm thay đổi màu nền hay thiết kế thực tế của trang Landing Page mà bạn đang dựng.
* Tính đồng bộ: Hệ thống sẽ ghi nhớ lựa chọn gần nhất của bạn cho các lần đăng nhập sau, giúp bạn không phải thiết lập lại mỗi khi mở trình builder.
* Độ trung thực của màu sắc: Khi làm việc ở chế độ Dark Mode, hãy lưu ý kiểm tra lại màu sắc thiết kế của trang ở chế độ Light Mode (hoặc ngược lại) để đảm bảo độ tương phản màu sắc trên sản phẩm cuối cùng luôn đạt chuẩn.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/tac-vu-chung/cai-dat-chung/giao-dien-sang-toi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.