#21 カスタムテーマ
PenPageを自分だけのスタイルに。 カスタムカラーテーマを作成し、ワークスペースごとに割り当て、デバイス間で同期できます。
テーマエディタを開く
- 歯車アイコンをタップして設定を開く
- Theme ドロップダウンメニューを見つける
- リスト最下部の 「+ New Theme」 を選択
- テーマエディタが開く
8つの基本カラー
すべてのテーマは8つの基本カラーで構成されています。好みの色を選ぶだけで、PenPageが残りの色を自動的に計算します。
| カラー | 制御範囲 |
|---|---|
| Base | エディタ背景 |
| Surface | ツールバー / ナビゲーションバー |
| Sidebar | フォルダ＆ページリスト背景 |
| Text | メインテキスト色 |
| Accent | ハイライト＆見出し |
| Selected | 選択アイテム背景 |
| Code | コードブロック＆Markdown背景 |
| Border | 境界線＆区切り線 |
色を調整するたびにライブプレビューが更新されます。
保存と管理
- Save をタップしてテーマを保存（最大 10 個のカスタムテーマ）
- 既存のカスタムテーマを編集するには、ドロップダウンで選択して edit ボタンをタップ
- カスタムテーマを削除するには、エディタ内で Delete をタップ
ワークスペースごとのテーマ
各ワークスペースに独自のテーマを設定できます：
- カスタマイズしたいワークスペースに切り替え
- 設定 → Theme ドロップダウンを開く
- 内蔵またはカスタムテーマを選択
- そのワークスペースが独自の外観になる
ワークスペースを切り替えると、それぞれに割り当てたテーマが表示されます。
デバイス間同期
カスタムテーマはGoogle Drive経由で自動同期されます（独立した themes.json ファイルに保存）。別のデバイスで同じGoogleアカウントでログインすれば、カスタムテーマが表示されます。
内蔵テーマ
PenPageには複数の内蔵テーマ（Light、Darkなど）が含まれています。常に利用可能で削除できません。カスタムテーマはドロップダウンで内蔵テーマと一緒に表示されます。