> For the complete documentation index, see [llms.txt](https://docs.verge.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.verge.io/knowledge-base/vi/system-administration/customizing-the-user-interface.md).

# Tùy chỉnh giao diện người dùng

VergeOS hỗ trợ nhận diện thương hiệu tùy chỉnh ở mọi lớp tenancy (nếu được phép), sử dụng **Chủ đề** tính năng này. Hướng dẫn này sẽ hướng dẫn bạn cách chỉnh sửa giao diện người dùng (UI) bằng các yếu tố nhận diện thương hiệu của tổ chức bạn—including logo, màu sắc và favicon.

{% hint style="info" %}
**Có gì mới trong VergeOS v26**

* **Chế độ sáng và tối**: VergeOS bao gồm các giao diện sáng và tối mặc định, và hỗ trợ các giao diện tùy chỉnh dựa trên một trong hai chế độ.
* **Nhiều biến thể chủ đề**: Quản trị viên có thể tạo nhiều chủ đề mang thương hiệu, chẳng hạn như các phiên bản sáng và tối, và cho phép người dùng chọn.
  {% endhint %}

## Cách thay đổi nhận diện thương hiệu giao diện người dùng của bạn

Hãy làm theo các bước sau để tùy chỉnh môi trường VergeOS của bạn:

1. **Tải lên tệp Logo và Biểu tượng**:
   * Tải lên logo mong muốn ở định dạng `.png` hoặc `.jpg` . Để có kết quả tốt nhất, hãy dùng ảnh **144x36** cho logo lớn và **44x44** cho logo nhỏ.
   * Nếu muốn, hãy tải lên favicon ở định dạng `.ico` định dạng.

{% hint style="success" %}
**Hướng dẫn tải tệp lên vSAN có thể được tìm thấy** [**tại đây**](/run-the-platform/storage/uploading-files-to-vsan.md)
{% endhint %}

2. **Tạo một hoặc nhiều Chủ đề Tùy chỉnh**: để triển khai nhận diện thương hiệu của bạn\
   Tham khảo [Hướng dẫn Sản phẩm Themes](/run-the-platform/system-administration/themes.md) để biết hướng dẫn.
3. **Kiểm soát Tùy chọn Chủ đề của Người dùng**:\
   Tất cả các chủ đề được bật sẽ được hiển thị như các tùy chọn để người dùng chọn (từ thanh tiện ích). **Để áp dụng nhận diện thương hiệu tùy chỉnh độc quyền, bạn phải tắt các chủ đề VergeOS mặc định tiêu chuẩn (sáng/tối).**

## Các thực hành tốt nhất cho tùy chỉnh giao diện người dùng

### Thiết kế trực quan

* **Tạo các biến thể Sáng và Tối:** Hãy cung cấp cả phiên bản sáng và tối của chủ đề tùy chỉnh của bạn để hỗ trợ các môi trường ánh sáng khác nhau và sở thích của người dùng. Chế độ sáng tăng khả năng hiển thị trong môi trường sáng, trong khi chế độ tối giảm chói và có thể tiết kiệm pin trên các thiết bị OLED.
* **Tính nhất quán**: Đảm bảo rằng màu sắc và logo bạn chọn cho phần nhận diện thương hiệu phù hợp với cẩm nang phong cách của tổ chức để duy trì tính nhất quán.
* **Kích thước logo**: Tải lên logo với kích thước chính xác để tránh biến dạng hoặc lỗi tỷ lệ.

### Khả năng tiếp cận & Dễ đọc

* **Khả năng đọc**: Sử dụng các màu tương phản cho văn bản và các thành phần nền để đảm bảo khả năng đọc trên các thiết bị khác nhau.
* **Kiểm tra trên các chủ đề:** Xác minh rằng tất cả các thành phần UI vẫn dễ đọc và nhất quán về mặt hình ảnh ở cả chế độ sáng và tối.

### Quản lý Chủ đề & Trải nghiệm Người dùng

* **Xem trước trước khi bật**: Việc đặt một chủ đề mới ở trạng thái tắt ban đầu có thể cho bạn thời gian để xác minh các nguyên tắc thương hiệu và khả năng sử dụng trước khi bật cho người dùng chọn.
* **Tắt các chủ đề không dùng:** Người dùng có thể chọn từ tất cả các chủ đề đã bật. Để áp dụng nhận diện thương hiệu độc quyền, hãy tắt các chủ đề VergeOS mặc định (sáng/tối); xóa mọi chủ đề tùy chỉnh lỗi thời mà bạn không còn muốn cung cấp.
* **Đặt tên Chủ đề rõ ràng**: Sử dụng tên mô tả (ví dụ: “Acme Light” hoặc “Acme Dark”) để giúp người dùng dễ dàng nhận diện phiên bản phù hợp.

***

Bằng cách làm theo các bước này và sử dụng các tùy chọn có sẵn, bạn có thể tùy chỉnh hoàn toàn giao diện người dùng VergeOS để phản ánh thương hiệu của tổ chức bạn. Hãy nhớ lưu cài đặt của bạn sau khi bạn hài lòng với các thay đổi.

***

{% hint style="info" %}
**Thông tin tài liệu**

* Cập nhật lần cuối: 2025-10-29
* Phiên bản vergeOS: 26.0
  {% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.verge.io/knowledge-base/vi/system-administration/customizing-the-user-interface.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.