> For the complete documentation index, see [llms.txt](https://gitbook.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gitbook.com/docs/documentation/zh/docs-site/customization/icons-colors-and-themes.md).

# 图标、颜色和主题

## 标题、图标和徽标

<figure><img src="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FBYTJub4AuG2iJDCS31vp%2Ftitle_icon_logo%402x.png?alt=media&#x26;token=2e3fd867-a480-40da-919b-d5c1e6225317" alt="A GitBook screenshot showing title, icon and logo customization"><figcaption></figcaption></figure>

### 标题

您可以为您的站点设置任意标题。注意：此设置只会影响显示的标题 *在已发布的文档中*。如果您想在 GitBook 应用中编辑标题，请关闭自定义菜单，并在该部分顶部进行编辑。

### 图标

您可以设置一个表情符号，或上传您自己的图标。您在 **自定义** 菜单中设置的图标将用作您的文档站点的 favicon。

{% hint style="info" %}
此设置只会影响显示的图标 *在已发布的文档中*。如果您想编辑 GitBook 应用中使用的图标，可以在该部分内容本身进行编辑时完成。
{% endhint %}

### 自定义徽标 <mark style="background-color:purple;">（高级版和终极版）</mark>

您可以替换 *两者* 已发布站点的标题和图标，使用自定义徽标，这样您的文档能更好地体现您的品牌——并且您可以上传两个版本：一个用于浅色模式，一个用于深色模式。

{% hint style="info" %}
**图标和徽标选项有什么区别？**

图标设置允许您上传一张小尺寸的 132×132 像素图片，它将显示 *在……旁边* 您的站点标题旁，并作为站点的 favicon。自定义徽标选项允许您上传更大的图片（我们建议宽度至少为 600 像素），它将完全替代您设置的任何图标和标题。
{% endhint %}

## 主题

主题让您可以为已发布内容的浅色和深色模式自定义配色方案。共有四种主题可供选择。您站点的颜色将直接受以下因素影响： **主色** 和 **色调** 您选择的。此两项选择会影响界面的各个部分，并能彻底改变您的站点外观和感觉。

<figure><img src="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FtFNAAIZeXh1JKtnWepYZ%2Ftheme%402x.png?alt=media&#x26;token=d8d191df-5ed8-44b1-886a-bd9344add841" alt="A GitBook screenshot showing theme options"><figcaption></figcaption></figure>

### 清爽

一种现代主题，具有半透明效果和极简样式元素。您的主色（或色调）会影响链接和其他高亮界面元素。

*清爽主题适用于所有站点，并且是默认主题。*

### 柔和

一种精致主题，元素之间的对比度较低。站点背景更为突出，并与前景融为一体，某些元素呈现反转外观——这一切都基于您的主色（或色调）。

*柔和主题适用于所有站点。*

### 鲜明 <mark style="background-color:purple;">（高级版和终极版）</mark>

一种视觉冲击力强的主题，颜色醒目且对比强烈。您的主色（或色调）将用于站点页眉，其他高亮元素如图标也会随之着色。

*鲜明主题仅适用于高级版或终极版站点。*

### 渐变 <mark style="background-color:purple;">（高级版和终极版）</mark>

一种引领潮流的主题，具有渐变背景和色彩点缀。渐变和高亮元素将由您的主色（或色调）着色。

*渐变主题仅适用于高级版或终极版站点。*

## 颜色

<figure><img src="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FkfBttkCRhIqoNFZGXkX4%2Fcolors%402x.png?alt=media&#x26;token=2ddbf1b0-7893-4fc2-a849-f92656b3151f" alt="A GitBook screenshot showing color customization"><figcaption></figcaption></figure>

### 主色

您站点的主色会影响高亮界面项和导航元素的样式，例如链接、当前页面和章节、面包屑以及页眉主要按钮。

如果与背景的对比度过低，或访问者的系统要求更高对比度，GitBook 会自动调整各个元素的颜色以确保可读性。

### 色调颜色

您站点的色调颜色会微妙地改变整个站点中所有文本和图标的颜色——包括页眉链接、图标颜色，以及诸如……之类的 UI 元素 **提问或搜索** 栏。

色调颜色将 *不会* 影响链接和按钮等导航元素，它们始终使用主色。

在 **色调颜色** 部分中，您会看到基于您所选主色的建议颜色。您可以选择其中一个进行预览，将主色用作色调，或使用颜色选择器选择完全自定义的颜色。

<details>

<summary>使用色调设置背景颜色</summary>

如果您选择的色调非常浅（接近白色）或非常深（接近黑色），并且该颜色接近中性色，GitBook 会将其用作站点的精确背景色，而不是默认的白色或深色背景。这使您只需选择合适的色调，就能在浅色模式下为文档带来微妙的米白色或暖纸张质感，或在深色模式下呈现特定的深暗背景。

{% hint style="info" %}
有几点需要注意：

* 色调需要接近中性（只带轻微颜色）。强烈的色调会保留 GitBook 的标准背景，只会为强调部分染色。
* 它需要明显偏浅或明显偏深。中等深浅的灰色不会改变背景。
* 使用 **鲜明** 主题时，色调会作用于页眉而不是页面背景，因此背景保持不变。
  {% endhint %}

</details>

### 语义颜色 <mark style="background-color:purple;">（高级版和终极版）</mark>

语义颜色应用于已发布内容中的提示块，也可应用于代码块。

您可以更改每种提示样式的背景颜色；这些更改将反映在您正在自定义的已发布站点上。

{% hint style="info" %}
**注意：** GitBook 编辑器中的提示块将始终保持其标准颜色，不会与您站点的语义颜色一致。
{% endhint %}

### 代码主题 <mark style="background-color:purple;">（高级版和终极版）</mark>

代码主题会改变您已发布文档中代码和 API 块的外观。

主题列表包括：

* **自适应主题** – 这些标准的浅色和深色模式主题会使用您站点的配色方案来匹配您的品牌。
* [**Shiki**](https://shiki.style/themes) **主题** – 可在浅色和深色模式中从 60 多种主题预设中选择。

您可以为文档的浅色和深色模式分别选择独立的代码主题。并且您可以在任何模式下使用任何浅色或深色配色方案——例如，在文档为浅色模式时使用深色代码主题。

默认情况下，您所选的主题将同时应用于代码块和 OpenAPI 块。如果您想为 OpenAPI 块设置不同的主题，请点击 **按块类型自定义** <picture><source srcset="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F6uYUpJto7WTkJf9BUPHv%2Fsettings%20-%20dark.svg?alt=media&#x26;token=bf52415f-e999-43a2-9a1a-c85176a014cd" media="(prefers-color-scheme: dark)"><img src="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FwkBqgOPry9HAcW4cxJk0%2Fsettings.svg?alt=media&#x26;token=67bdbb00-ebf3-4a2d-9df8-0c822406f71c" alt=""></picture> 按钮。

## 模式

### 显示模式切换

如果您希望访客手动在浅色和深色模式之间切换，请启用此项。读者可在任何已发布页面底部找到该切换，桌面端和移动端均可。

### 默认模式

选择访客默认以浅色还是深色模式查看您的内容。如果 **显示模式切换** 已启用，他们可以切换模式；如果已禁用，他们将仅看到您在此选择的模式。

*注意：要在 GitBook 应用中更改主题，请前往侧边栏底部的 Settings 菜单。*

## 站点样式

<figure><img src="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FB8hReiw1xjsXedx7kM2J%2FSite%20styles%402x.png?alt=media&#x26;token=99b1f18b-d1f3-42e4-b11f-4b7bee1c4ceb" alt="A GitBook screenshot showing site style settings"><figcaption></figcaption></figure>

### 字体系列 <mark style="background-color:purple;">（高级版和终极版）</mark>

从精选的热门选项列表中，为您已发布的内容选择标准字体和等宽字体系列。

{% hint style="info" %}
等宽字体用于您文档站点中的代码块和 OpenAPI 块。
{% endhint %}

### 自定义字体 <mark style="background-color:purple;">（仅限终极版）</mark>

上传您自己的标准字体和等宽字体，使您已发布的内容与品牌风格指南保持一致。要上传字体，请点击 **添加自定义字体** 并按说明操作。您必须同时上传常规字重和粗体字重的字体文件。

GitBook 目前支持 `.woff` 和 `.woff2`。对于其他格式，请联系 <support@gitbook.com>.

### 图标 <mark style="background-color:purple;">（高级版和终极版）</mark>

使用页面图标时，请在此设置所显示图标的粗细和样式。

### 圆角样式

选择圆角或直角，以匹配您的品牌风格偏好。

### 深度样式

在两种深度样式之间选择，它们适用于卡片、按钮以及任何带阴影的其他元素：

* **微妙：** 有一些阴影和层次感。
* **平面：** 无阴影或层次感。

### 链接样式

在两种链接设计之间选择：

* **默认：** 用您的主色或色调高亮整个链接。
* **强调：** 为链接添加彩色下划线，同时保持文本颜色不变。

## 侧边栏样式

<figure><img src="https://1050631731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FjAXB2lbCWFVFhHTDmY3s%2Fsidebar_styles%402x.png?alt=media&#x26;token=c922b2e7-04de-4140-97e0-802375f9c92f" alt="A GitBook screenshot showing sidebar style options"><figcaption><p>此菜单可让您直观看到不同样式如何改变侧边栏外观。</p></figcaption></figure>

### 背景样式

选择侧边栏容器的背景样式。颜色取自您所选的主题。

有两个选项—— **默认** 和 **填充** ——每个选项都附有视觉示意，展示其如何改变目录。

### 列表样式

选择侧边栏列表及其选中项的样式。有三个选项—— **默认**, **胶囊** 和 **线条** ——每个选项都附有视觉示意，展示其如何改变目录。


---

# 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://gitbook.com/docs/documentation/zh/docs-site/customization/icons-colors-and-themes.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.
