Repository navigation
管理画面テーマ AromaHop の背景を画面全体でつなげ、泡と光の表現を描き直す - #879
Merged
Merged
Conversation
シェル構成では body#mainpane がメニュー・ツリー・メインをまとめるため、泡と光の背景は もともと画面全体を基準に描かれている。ツリー(.treeframebody)が泡のない不透明な グラデーションで上塗りしていたため、光のラインがツリーの境目で途切れていた。 - ツリーは自前の背景をやめ、薄い半透明の氷白を重ねるだけにして body の模様を透かす (ペイン内の background-attachment: fixed も無くなり、スクロール時の再描画も軽くなる) - ツリーとメインの境目の灰色の線を、半透明の白に上書きする(shell.css は変えない) - トップメニューとサブメニューの不透明な下地を半透明にする - 左下に淡いライムのたまりと、小さく淡い泡を足し、右下に偏っていた泡の配置を整える - フレーム時代の名残で使われていない body.treeFrame を削除する Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Hiragino Sans / Noto Sans JP を先頭にした独自の指定をやめ、AuroraFlow などと同じ Meiryo, "Hiragino Kaku Gothic Pro", Arial, ... に揃える。ログイン画面(login.tpl)も同じ指定にする。 文字の描画を OS 任せにするため、body の -webkit-font-smoothing / -moz-osx-font-smoothing も外す。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
右下に集中していた泡を、右下の大きな泡の群れから中央・左へ大中小が散って立ちのぼる構図に 組み直す。泡は中身をほぼ透明にし、外周の薄い緑(屈折)・白い輪郭・左上のハイライトで形を見せる ことで、白に近い下地でも液体の中の泡らしく見えるようにする。ツリー側の泡は文字に重なるため淡くする。 - 泡の色を変数(--bubble-*)にまとめる - 画面全体を斜めに横切る幅の広い光の帯を 2 本足す(白に淡いライムの帯を沿わせて筋を見せる) - タブの外枠(.tab-page)を 0.55→0.38、中の .sectionBody を 0.85→0.8 にし、白の二重がけを和らげる - 背景のグラデーションは 104 層から 65 層に減らす Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
This was referenced Oct 22, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概要
管理画面テーマ AromaHop の背景を、メニュー・ツリー・メインをまたいだ一枚の絵として見せるようにしました。炭酸の泡と光の表現も描き直し、フォントは他テーマと同じシステムフォント寄りの指定にしています。変更は AromaHop のファイルだけです。
変更内容
Meiryo, "Hiragino Kaku Gothic Pro", Arial, …に揃え、font-smoothingの指定を外した（ログイン画面も同じ指定）body.treeFrameを削除した確認手順
Docker の検証環境で、Playwright（ヘッドレス Chromium）を使って上記を撮影し、変更前と比べた。
備考
🤖 Generated with Claude Code