Skip to content

fix: AIテーマ生成で背景・ボーダー色が反映されるよう修正#25

Merged
newt239 merged 1 commit intomainfrom
fix/ai-theme
Feb 15, 2026
Merged

fix: AIテーマ生成で背景・ボーダー色が反映されるよう修正#25
newt239 merged 1 commit intomainfrom
fix/ai-theme

Conversation

@newt239
Copy link
Owner

@newt239 newt239 commented Feb 15, 2026

Summary

  • ハードコードされた色値(rgb(0 0 0 / 0.035) 等)を --surface, --surface-hover, --border CSS変数に置き換え、AIテーマ生成時にサイト全体の色が統一的に変更されるようにした
  • アクセシビリティ用の --focus-ring, --focus-bg CSS変数を追加し、フォーカス状態の色もテーマに依存しない形で管理
  • BackToTop コンポーネントを新設し、作品詳細・記事一覧・作品一覧ページに配置
  • ThemeChanger のテーマ生成リクエストに新しいCSS変数の説明を追加し、レスポンスパース処理を修正

Test plan

  • AIテーマ生成で背景色・ボーダー色が正しく変わることを確認
  • 各ページのカード・セクションの背景色が --surface 変数に従っていることを確認
  • ホバー状態で --surface-hover が適用されることを確認
  • BackToTop コンポーネントが作品詳細・記事一覧・作品一覧で表示されることを確認
  • フォーカス表示(Tab キー操作)が正しく動作することを確認

🤖 Generated with Claude Code

ハードコードされた `rgb(0 0 0 / 0.035)` 等の色値を `--surface`,
`--surface-hover`, `--border` CSS変数に置き換え、AIテーマ生成時に
サイト全体の色が統一的に変更されるようにした。
また、アクセシビリティ用の `--focus-ring`, `--focus-bg` 変数を追加し、
BackToTop コンポーネントを新設してページ下部にトップへ戻るリンクを配置した。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@newt239 newt239 self-assigned this Feb 15, 2026
@cloudflare-workers-and-pages
Copy link

Deploying newt239 with  Cloudflare Pages  Cloudflare Pages

Latest commit: 656c186
Status: ✅  Deploy successful!
Preview URL: https://95c44ab1.newt239-dev.pages.dev
Branch Preview URL: https://fix-ai-theme.newt239-dev.pages.dev

View logs

@newt239 newt239 merged commit 3094bef into main Feb 15, 2026
3 checks passed
@newt239 newt239 deleted the fix/ai-theme branch February 15, 2026 19:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant