Skip to content

管理画面テーマ SakuraFlow の水玉を画面全体に配置し、グローバルナビを半透明にする - #880

Merged
yama merged 1 commit into
mainfrom
style/sakuraflow-background-nav
Oct 22, 2026
Merged

yama merged 1 commit into
mainfrom
style/sakuraflow-background-nav

Conversation

@yama

@yama yama commented Oct 22, 2026

Copy link
Copy Markdown
Member

概要

管理画面テーマ SakuraFlow の水玉を、右側だけでなく画面全体に配置しました。グローバルナビの引っかき傷のような「かすれ模様」は削除し、ナビを半透明にして水玉が透けて見えるようにしています。フォントは他テーマと同じシステムフォント寄りの指定にしました。変更は SakuraFlow のファイルだけです。

変更内容

  • 水玉を、右側の群れに加えて中央と左(ツリー側)にも大小を散らした。ナビの裏にも水玉を置いた。平面的でくっきりした白い水玉の作りはそのまま
  • 左下に淡いピンクのたまりを置き、下端の白に水玉が溶けないようにした
  • 2 段目のナビの縦横のかすれ線・かすれスポットと、トップメニューの横縞を削除した。区切りの線と選択中の下線は残している
  • トップメニューの背景を半透明にし(opacity ではなく背景色のアルファ)、1 段目・2 段目とも、裏の水玉が透けて見えるようにした
  • ツリーとメインの境目の灰色の線を半透明の白にした(shell.css は変えていない)
  • フォントを AuroraFlow などと同じ Meiryo, "Hiragino Kaku Gothic Pro", Arial, … に揃え、font-smoothing の指定を外した(ログイン画面も同じ指定)

確認手順

  • 管理画面テーマを SakuraFlow にして、ダッシュボード・エレメント管理・リソース編集を開く
    • 水玉がツリーから右側まで画面全体に散っていること
    • グローバルナビに縦の細い線が出ず、ナビ越しに水玉がうっすら見えること
    • ナビの文字と、選択中のメニューの下線が見やすいこと
  • ツリーを閉じる・ツリーの幅を変える
    • 水玉が画面基準の位置のまま動かないこと

Docker の検証環境で、Playwright(ヘッドレス Chromium)を使って上記を撮影し、変更前と比べた。

備考

🤖 Generated with Claude Code

シェル構成では body#mainpane がメニュー・ツリー・メインをまとめるため、水玉は画面全体を基準に
描かれているが、すべて右側(x 60% 以降)に置かれていた。平面的でくっきりした白い水玉の作りは
そのままに、中央と左(ツリー側)にも大小を散らし、ナビの裏にも水玉を置く(縦位置は px)。

- 2 段目のナビの縦横のかすれ線・かすれスポットと、トップメニューの横縞を削除する
- トップメニューの背景のアルファを 0.85〜0.95 から 0.5〜0.6 に下げ、水玉を透かす(opacity は使わない)
- 左下に淡いピンクのたまりを置き、下端の白に水玉が溶けないようにする
- ツリーとメインの境目の灰色の線を半透明の白にする(shell.css は変えない)
- フォントを AuroraFlow などと同じ指定にし、font-smoothing を外す(ログイン画面も同じ指定)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@yama yama added the enhancement 改善・機能追加 label Oct 22, 2026
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 22, 2026 •

Copy link
Copy Markdown

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-22T16:40:02.797652Z aa05136 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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement 改善・機能追加

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant