---
generated_at: 2026-01-30 11:45:00
metrics:
  claims_total: 25
  claims_with_evidence: 24
  claims_without_evidence: 1
confidence_derived: 0.96
---

# 根拠レポート：41-テーマ設定

## 本レポートについて

### 目的
本レポートは、生成された設計書・ドキュメントの信頼性を検証し、人間レビュアーが効率的にレビューできるようにすることを目的としています。

### チェック方法
以下の観点でドキュメントの内容（Claim：主張）を検証しています：

1. **根拠の有無確認**：各主張に対して、ソースコード・既存設計書・要件定義書などの根拠（Evidence）が存在するか
2. **根拠との整合性**：主張の内容が根拠と矛盾していないか
3. **網羅性**：参照すべき情報源を適切にカバーしているか

### 信頼度スコアの算出
- **confidence_derived** = 根拠あり件数 / 総主張件数
- 状態「○」：根拠あり、「△」：根拠不足または要確認

### 本レポートの使い方
1. まず「サマリー」で全体の信頼度と優先レビュー項目を確認
2. 「Claims と根拠の対応」で △ の項目を重点的にレビュー
3. 「不足情報」で補完が必要な情報源を確認

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.96**
  - 根拠あり：24 / 25、根拠なし：1
- 優先レビュー（高）
  1. **テーマカタログ取得先URL**: GitHubリポジトリURLの具体的な根拠が不足

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `packages/desktop-client/src/components/settings/Themes.tsx`
- E-02: `packages/desktop-client/src/components/settings/ThemeInstaller.tsx`
- E-03: `packages/desktop-client/src/style/theme.tsx`
- E-04: `packages/desktop-client/src/style/customThemes.ts`
- E-05: `packages/desktop-client/src/hooks/useGlobalPref.ts`
- E-06: `packages/desktop-client/src/components/settings/UI.tsx`
- E-07: `docs/code-to-docs/機能一覧/機能一覧.csv`
- E-08: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | 組み込みテーマはlight/dark/midnight/autoの4種類 | E-03（15-23行目: themesオブジェクト定義） | ○ |
| C-02 | カスタムテーマ機能は実験的機能フラグで制御 | E-01（41行目: useFeatureFlag('customThemes')） | ○ |
| C-03 | テーマ設定はグローバル設定に保存される | E-05（19-24行目: saveGlobalPrefs dispatch） | ○ |
| C-04 | Auto選択時はシステム外観に追従 | E-03（58-93行目: MediaQueryList使用） | ○ |
| C-05 | ダークテーマはdark/midnightから選択可能 | E-03（31-34行目: darkThemeOptions定義） | ○ |
| C-06 | カスタムテーマはGitHubからCSS取得 | E-04（57-61行目: fetchThemeCss関数） | ○ |
| C-07 | CSSバリデーションはホワイトリスト方式 | E-04（81-128行目: validatePropertyValue関数） | ○ |
| C-08 | :rootセレクタのみ許可 | E-04（142-148行目: rootMatch検証） | ○ |
| C-09 | CSS変数のみ許可（--で始まるプロパティ） | E-04（210-215行目: property.startsWith('--')チェック） | ○ |
| C-10 | @import等のat-ruleは禁止 | E-04（175-179行目: /@[a-z-]+/検出） | ○ |
| C-11 | ネストブロックは禁止 | E-04（182-186行目: /\{/検出） | ○ |
| C-12 | var()関数は禁止 | E-04（126-127行目: エラーメッセージにvar()禁止記載） | ○ |
| C-13 | InstalledTheme型はid/name/repo/cssContentを持つ | E-04（11-16行目: InstalledTheme型定義） | ○ |
| C-14 | テーマIDはハッシュ関数で生成 | E-04（264-273行目: generateThemeId関数） | ○ |
| C-15 | CSS直接入力でのインストールが可能 | E-02（164-174行目: handleInstallPastedCss関数） | ○ |
| C-16 | カタログからの選択インストールが可能 | E-02（139-155行目: handleCatalogThemeClick関数） | ○ |
| C-17 | ThemeStyleコンポーネントでCSS変数を注入 | E-03（97-100行目: style要素でCSS変数出力） | ○ |
| C-18 | CustomThemeStyleでカスタムCSSを注入 | E-03（135行目: style id="custom-theme-active"） | ○ |
| C-19 | 開発環境でdevelopmentテーマが利用可能 | E-03（20-22行目: isNonProductionEnvironment条件） | ○ |
| C-20 | デフォルトテーマはauto | E-03（37行目: theme = 'auto'デフォルト値） | ○ |
| C-21 | 機能No.41はテーマ設定 | E-07（行42: 設定機能カテゴリ） | ○ |
| C-22 | 画面No.40の設定画面と関連 | E-08（行90: 画面40-機能41の関連） | ○ |
| C-23 | Settingコンポーネントで設定UIを構築 | E-06（20-48行目: Setting関数定義） | ○ |
| C-24 | Columnコンポーネントでレイアウト構築 | E-06（100-123行目: Column関数定義） | ○ |
| C-25 | テーマカタログはactualbudget/actual-themesから取得 | **根拠なし** | △ |

## 4) 不足情報（Unknown / Missing）
- テーマカタログの取得先URL（actualbudget/actual-themes）について、useThemeCatalog.tsの内容を確認していないため根拠不足
  - 候補：`packages/desktop-client/src/hooks/useThemeCatalog.ts` の確認が必要

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - テーマ機能は視覚的な変更のみでデータ破壊リスクなし
- 1: 中リスク - カスタムテーマCSSのセキュリティバリデーションは重要（ただし実装確認済み）

## 6) レビュアーチェックリスト（最小）
- [ ] validateThemeCss関数のセキュリティ検証が十分か確認
- [ ] useThemeCatalog.tsでカタログ取得先URLを確認
- [ ] 実験的機能フラグcustomThemesの制御が正しく動作するか確認
- [ ] Auto選択時のダークテーマ選択UIが正しく表示されるか確認
