> ## 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

Bạn có toàn quyền kiểm soát tính năng này:

<Tabs>
  <Tab title="Mac">
    Nhấp vào **tên Space** ở đầu thanh bên để mở Cài đặt.

    <Frame>
      <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/mac-space-name.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=b2a80ae0eb9e67d830298c30f3046f02" alt="Nhấp vào tên Space trong thanh bên" width="1473" height="905" data-path="images/snippets/open-settings/en/content/mac-space-name.png" />
    </Frame>
  </Tab>

  <Tab title="Web / Windows">
    <Steps>
      <Step title="Mở menu thả xuống Space">
        Nhấp vào **tên Space** ở góc trên bên trái.
      </Step>

      <Step title="Chọn Cài đặt">
        Nhấp vào **Cài đặt** ở cuối menu thả xuống.

        <Frame>
          <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/web-space-dropdown.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=8fe2f1b7ca147ccd7de2d4851d2857e1" alt="Menu thả xuống Space với tùy chọn Cài đặt" width="1426" height="967" data-path="images/snippets/open-settings/en/content/web-space-dropdown.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step title="Nhấn vào biểu tượng Space">
        Nhấn vào **biểu tượng Space** ở góc trên bên trái.

        <Frame>
          <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/ios-space-icon.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=82ed814971491d12743fb924294f595a" alt="Biểu tượng Space ở góc trên bên trái" width="731" height="1568" data-path="images/snippets/open-settings/en/content/ios-space-icon.png" />
        </Frame>
      </Step>

      <Step title="Mở Cài đặt">
        Nhấn vào **Cài đặt**.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Android">
    <Steps>
      <Step title="Nhấn vào ảnh hồ sơ của bạn">
        Nhấn vào **ảnh hồ sơ** của bạn ở góc trên bên phải.
      </Step>

      <Step title="Mở Cài đặt">
        Nhấn vào **Cài đặt**.

        <Frame>
          <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/android-profile-menu.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=04626672ba7545613f9b039a5d363698" alt="Menu hồ sơ với tùy chọn Cài đặt" width="703" height="1567" data-path="images/snippets/open-settings/en/content/android-profile-menu.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>
</Tabs>

<Steps>
  <Step>
    Chọn **Giao diện và Âm thanh**
  </Step>

  <Step>
    Bật hoặc tắt **"Sử dụng kiểu Tài liệu cho ứng dụng"**
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/app-styles/en/content/app-style-settings.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=ec1daf872b856910d3a8deedbfaf8873" alt="App Style toggle in settings" width="1112" height="812" 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>