📖  カラーテーマを変更する
DocBaseではカラーテーマを変更できます。
テーマは3種類あります。

- **Light** (デフォルト)
- **Navy**
- **Dark**

※Navyは廃止予定です（時期未定）。

### Light
白基調のテーマです。デフォルトのテーマはこちらになっています。
![FireShot Capture 164 - ダッシュボード - DocBase - sample.lvh.me.png](https://image.docbase.io/uploads/a4245754-edbb-40e2-bdac-51c02083f448.png =800x)

### Navy
ネイビー基調のテーマです。サイドバーがネイビー基調になります。
![FireShot Capture 166 - ダッシュボード - DocBase - sample.lvh.me.png](https://image.docbase.io/uploads/afe5560d-85d2-471c-9d7f-baca4b9327bb.png =800x)

## Dark
全体的にダークな色調のテーマです。
![FireShot Capture 163 - ダッシュボード - DocBase - sample.lvh.me.png](https://image.docbase.io/uploads/2a62937e-89a2-4f97-95d1-38d73539e228.png =800x)


## 設定方法
1. サイドメニューの⚙アイコンから設定画面を開きます。
2. 設定したいテーマを選択し、「更新」ボタンをクリックします。

![FireShot\_Capture\_168\_-\_テーマ\_-\_DocBase\_-\_sample\_lvh\_me.png](https://image.docbase.io/uploads/43cc8e27-3b14-4011-924f-885ac89890c5.png =800x)


## よくある質問
### メモ本文で文字の色を指定した場合、ダークテーマでは文字が見えにくくなってしまいますか？

**一定の条件を満たしている場合は、色味を保ったまま自動的に見やすい色に変換されます。**
メモ本文内の`span`要素に`style`属性としてカラーコード（`#000000`など）が指定されている場合、自動的に彩度や明度を調整する処理が行われます。

**ライトテーマで見やすい文字色であれば、ダークテーマでも見やすい色に変換されます**。
（ダークテーマで色を指定した場合でも、ライトテーマでは見やすい色になります）

編集画面のMarkdownヘルパーではあらかじめ見やすい色をセットしていますので、ご活用いただければと思います。
![](https://image.docbase.io/uploads/8704a134-1159-4b43-9e1d-fb1f3de909b6-960x1716r.png) ![](https://image.docbase.io/uploads/a5d1193a-9461-4c21-94dd-49c5b964376d-960x1697r.png) 

```html:Markdownヘルパーを使った場合に出力されるコード
<span style="color:#098117;">サンプル</span>
```

#### 変換の適用対象外になる場合
以下の条件では色の変換処理が行われません。

- `span`以外の要素
- [色キーワード](https://developer.mozilla.org/ja/docs/Web/CSS/color_value#%E8%89%B2%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89)での指定（`color: red;`など）

#### 変換の適用対象であっても見えにくい場合
ライトテーマで見えにくい色の場合、ダークテーマでも見えにくくなることがあります。
色の変換処理は**ライトテーマでの背景色と文字色のコントラスト比を維持するため**です。

お手数ですがお手元で調整いただくか、Markdownヘルパーでの文字色指定をお願いいたします。