> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Kiểu giao diện ứng dụng

> Mở rộng kiểu của Tài liệu sang giao diện ứng dụng để có trải nghiệm chỉnh sửa hòa quyện và thống nhất hơn.

Kiểu giao diện ứng dụng (App Styles) đưa màu sắc của Tài liệu vào giao diện xung quanh ứng dụng, tạo trải nghiệm chỉnh sửa thống nhất và dễ hòa nhập hơn. Khi được bật, sidebar, toolbar và các thành phần giao diện khác sẽ phản ánh chủ đề của Tài liệu.

## Kiểu giao diện ứng dụng là gì?

Kiểu giao diện ứng dụng áp dụng **màu chữ và màu nền** của Tài liệu vào một số phần của giao diện Craft. Điều này tạo sự thống nhất về mặt hình ảnh giữa nội dung và môi trường chỉnh sửa.

### Ví dụ so sánh

**Kiểu giao diện ứng dụng tắt:**

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/app-styles/en/content/app-style-disabled.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=d0045f0dfada83655f5ca289dfe063c5" alt="App with default interface colors" width="1471" height="942" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-disabled.png" />

**Kiểu giao diện ứng dụng bật:**

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/app-styles/en/content/app-style-enabled.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=c6cee8bf6aaddfa0ba743cee10ccb138" alt="App with document colors applied to interface" width="1471" height="942" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-enabled.png" />

## Khả dụng theo nền tảng

<Tabs>
  <Tab title="macOS">
    Kiểu giao diện ứng dụng được hỗ trợ đầy đủ trên Mac:

    * **Có sẵn ở**: chỉ chế độ chỉnh sửa (Home và Browse dùng mặc định hệ thống)
    * **Áp dụng cho**: sidebar, thanh công cụ và các phần giao diện khác
    * **Sử dụng**: màu chữ và màu nền của Tài liệu
    * **Phông chữ**: Giữ nguyên phông hệ thống để đảm bảo khả năng đọc và hiệu năng
  </Tab>

  <Tab title="iPad">
    Kiểu giao diện ứng dụng được hỗ trợ đầy đủ trên iPad:

    * **Có sẵn ở**: chỉ chế độ chỉnh sửa (Home và Browse dùng mặc định hệ thống)
    * **Áp dụng cho**: sidebar, thanh công cụ và các phần giao diện khác
    * **Sử dụng**: màu chữ và màu nền của Tài liệu
    * **Phông chữ**: Giữ nguyên phông hệ thống để đảm bảo khả năng đọc và hiệu năng
  </Tab>

  <Tab title="iPhone">
    Kiểu giao diện ứng dụng hiện chưa có trên iPhone. Tính năng này dự kiến sẽ có trong bản cập nhật tương lai.
  </Tab>
</Tabs>

## Cách bật/tắt Kiểu giao diện ứng dụng

<Steps>
  <Step title="Mở Cài đặt">
    Mở **Cài đặt** > **Giao diện & Âm thanh**
  </Step>

  <Step title="Bật/tắt Use document style for the app">
    Trong **Additional Options**, bật hoặc tắt **"Use document style for the app"**
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/7XT5Lt06NgKSFXzt/images/write-and-edit/styling/app-styles/en/content/app-style-settings.png?fit=max&auto=format&n=7XT5Lt06NgKSFXzt&q=85&s=24c86e00c65a23e72ed89e4ba3b9e948" alt="App Style toggle in settings" width="1228" height="910" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-settings.png" />

## Tại sao nên dùng Kiểu giao diện ứng dụng?

Kiểu giao diện ứng dụng mang lại những lợi ích sau:

* **Trải nghiệm hòa quyện** –  Tạo môi trường hình ảnh thống nhất
* **Phù hợp tâm trạng** –  Đồng bộ giao diện với tông nội dung của bạn
* **Giảm xao nhãng** –  Hạn chế ngắt quãng thị giác giữa nội dung và giao diện
* **Cá nhân hóa** –  Khiến Craft giống không gian làm việc của bạn hơn

## Hạn chế

<Info title="Những điều Kiểu giao diện ứng dụng không thay đổi">
  * **Phông chữ** – Giao diện vẫn sử dụng phông hệ thống để đảm bảo khả năng đọc
  * **Các chế độ khác** – Home, Browse và các phần khác vẫn dùng giao diện mặc định
  * **Nền tảng** – Hiện chưa có trên iPhone
</Info>

## Bài viết liên quan

<CardGroup cols={2}>
  <Card title="Hướng dẫn nhanh về kiểu dáng" href="/vi/write-and-edit/styling/quick-guide">
    Hướng dẫn toàn diện về tất cả tính năng tạo kiểu
  </Card>

  <Card title="Kiểu mặc định" href="/vi/write-and-edit/styling/default-styles">
    Đặt kiểu bạn ưa thích làm mặc định
  </Card>

  <Card title="Hình bìa" href="/vi/write-and-edit/styling/cover-images">
    Tùy chỉnh hình bìa cho Tài liệu của bạn
  </Card>
</CardGroup>