---
title: "深色模式"
description: "在 Adapty 中为流程配置深色模式，提升用户体验。"
---

Adapty 流程原生支持深色模式。默认情况下，颜色样式同时具有浅色和深色两种变体——将颜色样式应用于元素后，流程会根据设备当前的显示模式自动选用对应的值。Adapty 提供了一套预配置的颜色样式，你也可以创建自己的样式。

## 配置颜色样式 \{#configure-color-styles\}

每个**颜色样式**都定义了浅色和深色两种备选颜色。当某个元素使用了命名样式后，会在两者之间自动切换。

你可以在左侧的 **Style** > **Colors** 中管理颜色样式。

添加颜色样式的步骤：

1. 在 **Style** > **Colors** 中，点击 **Create style**。
2. 选择浅色和深色备选颜色。

如需重命名样式，点击其旁边的 **⋮**，然后选择 **Rename**。
## 设置状态栏主题 \{#set-the-status-bar-theme\}

如果在 **Screen settings** 面板中启用了 **Status bar**，你可以单独设置其主题：从 **Status bar theme** 选项中选择 **Light**、**Dark** 或 **Auto**。

## 预览浅色与深色模式 \{#preview-light--dark-modes\}

要预览流程在各模式下的显示效果，请使用预览区底部的太阳/月亮图标切换按钮。

## 移除深色模式 \{#remove-dark-mode\}

如需完全移除深色模式支持，请在 **Style** > **Colors** 面板中，点击 **⋮** > **Delete dark theme**。