# Cài đặt giao diện (Website)

**Bước 1: Truy cập cài đặt**

* Tại giao diện trang chủ, nhấn vào biểu tượng bánh răng cưa ⚙️, thường nằm ở góc trên bên phải, gần ảnh đại diện của bạn.

<figure><img src="https://3827631437-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0HpvMwnuKr6EXR1oMpWo%2Fuploads%2FlxXEE8SwRX6zEhvdn07U%2FA%CC%89nh%20ma%CC%80n%20hi%CC%80nh%202024-09-24%20lu%CC%81c%2017.49.53.png?alt=media&#x26;token=817c823c-d260-4432-be59-00a216a5efaf" alt=""><figcaption></figcaption></figure>

**Bước 2: Tùy chỉnh giao diện**

<figure><img src="https://3827631437-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0HpvMwnuKr6EXR1oMpWo%2Fuploads%2FaAB8wyGsRg4eeohEua3U%2FA%CC%89nh%20ma%CC%80n%20hi%CC%80nh%202024-09-24%20lu%CC%81c%2017.50.08.png?alt=media&#x26;token=8a198f53-5dcf-4f01-b077-dcf4e7070c04" alt=""><figcaption></figcaption></figure>

**Chế độ hiển thị (Mode):**

* **Chế độ sáng (Light Mode):** Giao diện sử dụng nền sáng và chữ tối, phù hợp với môi trường có nhiều ánh sáng.
* **Chế độ tối (Dark Mode):** Giao diện sử dụng nền tối và chữ sáng, giúp giảm mỏi mắt khi sử dụng trong điều kiện ánh sáng yếu.

**Độ tương phản (Contrast):**

* Điều chỉnh thanh trượt để tăng hoặc giảm độ tương phản giữa các vùng sáng và tối trên giao diện.
* Tăng độ tương phản giúp làm nổi bật các chi tiết, trong khi giảm độ tương phản tạo cảm giác dịu mắt hơn.

**Hướng bố cục (Direction):**

* **Bố cục ngang:** Các thành phần được sắp xếp theo chiều ngang từ trái sang phải.
* **Bố cục dọc:** Các thành phần được sắp xếp theo chiều dọc từ trên xuống dưới.

**Kiểu bố cục (Layout):**

* **Một cột:** Tất cả nội dung được hiển thị trong một cột duy nhất.
* **Hai cột:** Nội dung được chia thành hai cột song song.
* **Ba cột:** Nội dung được chia thành ba cột song song.

**Kéo giãn nội dung (Stretch):**

* **Kéo giãn:** Hình ảnh hoặc video sẽ được kéo giãn để lấp đầy toàn bộ khung chứa, có thể làm thay đổi tỷ lệ khung hình gốc.
* **Thu nhỏ:** Hình ảnh hoặc video sẽ được thu nhỏ để vừa với khung chứa, giữ nguyên tỷ lệ khung hình gốc.

**Cài đặt sẵn (Presets):**

* Choosii có thể cung cấp một số cài đặt sẵn với các tổ hợp màu sắc, font chữ và bố cục khác nhau để bạn lựa chọn nhanh chóng.
