> ## Documentation Index
> Fetch the complete documentation index at: https://getsteps.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# カラーテーマ

> 12のプリセットテーマまたはカスタムカラーでStepsをパーソナライズ

カラーテーマを使うと、プログレスリング、チャート、ウィジェットの色を変更してStepsの見た目をカスタマイズできます。

<Note>カラーテーマはPro機能です。無料ユーザーはデフォルトのClassicテーマを使用します。</Note>

## プリセットテーマ

<Frame caption="12のプリセットテーマとカスタムオプションを備えたカラーテーマセレクター">
  <img src="https://mintcdn.com/steps-9a9e4b74/WCAWzedZyITaHflp/images/screenshots/color-themes-selector.jpg?fit=max&auto=format&n=WCAWzedZyITaHflp&q=85&s=c3fe3c00ed77981a727382608ca2ee22" alt="カラーテーマセレクター" width="2131" height="1598" data-path="images/screenshots/color-themes-selector.jpg" />
</Frame>

Stepsには12の組み込みカラーテーマがあります。各テーマには2つの色があり、1つは進行中用、もう1つは目標達成用です。

| テーマ | 進行中 | 達成 |
| - | - | - |
| **Classic** | オレンジ | グリーン |
| **Ruby** | クリムゾン | ダークレッド |
| **Sapphire** | ロイヤルブルー | ダークブルー |
| **Emerald** | グリーン | ダークグリーン |
| **Burgundy** | ダークレッド | ディープレッド |
| **Onyx** | グレー | ブラック |
| **Slate** | スレートブルー | ブルー |
| **Coral** | コーラル | ローズ |
| **Forest** | アンバー | エメラルド |
| **Twilight** | バイオレット | インディゴ |
| **Teal** | ティール | シアン |
| **Blush** | ピンク | パープル |

## カスタムカラー

カスタムテーマオプションで好きな色を選べます。以下の色を個別に設定できます：

* **進行中** - 目標に向かって進んでいる間に表示される色
* **達成** - 目標を達成した時に表示される色
* **休息日** - 休息日としてマークした日に表示される色

iOSのカラーピッカーを使ってお好みの色を選択できます。

## テーマが適用される場所

選択したテーマカラーはアプリ全体に反映されます：

* ホームダッシュボードのプログレスリング
* チャートの棒グラフとハイライト
* ホーム画面とロック画面のウィジェット
* ストリークバッジのアクセント

<Tip>テーマを変更すると、ウィジェットも自動的に更新されます。</Tip>

## テーマの変更方法

1. **設定**を開く
2. **カラーテーマ**をタップ
3. プリセットを選択するか、**カスタム**をタップして独自の色を選択