[yama]

概要

管理画面テーマ RubberWhite のタブと囲みを軽くし、白い面と細い線で情報の階層を示すようにしました。枠線と地色だけを整理し、画面の配置・寸法・操作ボタン群の浮遊表示は変えていません。変更は RubberWhite のファイルだけです。

変更内容

• タブ: 未選択は枠を消してごく薄いグレーの面だけにし、選択中の白い面（青い上辺線・太字）がそのまま中身へつながって見えるようにした。未選択の文字を濃くして WCAG AA を満たすようにした（コントラスト比 4.2 → 5.3）。キーボード操作時はフォーカス枠を出す
• タブの中身: 枠を薄い色にし、ごく弱い影を付けた
• タブの中のセクション: 内側のカードの枠と影をやめ、見出しは地色をなくして下の細い線で本文と区切るようにした（ダッシュボードなどの二重の囲みを解消）
• セクション見出しの地色をより薄いグレーにし、ページタイトルの灰色の帯と枠をやめた
• モーダルでフッターへ移る操作ボタン群には、枠と影を付けない
• 消した枠線は透明にして幅を残しているため、要素の位置と寸法は変わらない

確認手順

• 管理画面テーマを RubberWhite にして、ダッシュボード・リソース編集・エレメント管理を開く
  • タブの選択中が白い面で分かり、未選択のタブに枠が付いていないこと
  • ダッシュボードで、タブの中身の枠の内側にさらに枠が付いていないこと
  • タイトル・タブ・フォームの位置が変更前と同じで、操作ボタン群が右上に浮かび、スクロールしても操作できること
• エレメント管理の「プラグインの実行順」をモーダルで開き、フッターのボタンに枠が付かないこと

Docker の検証環境で、Playwright（ヘッドレス Chromium）を使って上記を撮影・計測し、変更前と比べた（幅 1440px と 900px で、タイトル・タブ・最初の入力欄・操作ボタン群の位置がすべて一致）。

備考

• RTL 表示と、タブの外にあるセクション（設定画面など）は、画面では確かめていない
• 他テーマの同様の改修は、AromaHop が 管理画面テーマ AromaHop の背景を画面全体でつなげ、泡と光の表現を描き直す #879、SakuraFlow が 管理画面テーマ SakuraFlow の水玉を画面全体に配置し、グローバルナビを半透明にする #880、AuroraFlow が 管理画面テーマ AuroraFlow のタブとコンテンツ領域をフラットなカード調にする #881、SoftSlate が 管理画面テーマ SoftSlate のタブ・見出し・グローバルナビをフラットで端正な見た目にする #882

🤖 Generated with Claude Code

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-10-22T21:32:02.178308Z	641d67d	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.