Skip to content

style(stream-menu): restore glass translucency - #83

Merged
qiin2333 merged 2 commits into
masterfrom
codex/restore-stream-menu-glass
Jul 26, 2026
Merged

style(stream-menu): restore glass translucency#83
qiin2333 merged 2 commits into
masterfrom
codex/restore-stream-menu-glass

Conversation

@qiin2333

@qiin2333 qiin2333 commented Jul 25, 2026

Copy link
Copy Markdown
Contributor

改了啥呀

  • 将浅色菜单表面不透明度从约 92% 调整为 75%,深色从约 70% 调整为 65%,让现有 20vp backdrop blur 真正透出来
  • 让“更多设置”折叠条复用统一 cardStyle,补齐模糊、边框和阴影层次
  • 拆分控件强调色与强调文字色,并收紧四级正文颜色,浅色/深色主题继续由资源自动切换
  • 恢复右侧袜子菜单各自的金、红、绿、紫、蓝、棕色标签,并使用同色深阶保证小字号可读性
  • 移除袜子最外层新增的矩形 shadow,避免圆润袜子外出现方形边框阴影

为啥要改

之前高不透明表面把毛玻璃几乎完全盖住了,看起来更像实色卡片。这个杂鱼状态收拾掉啦:现在通过透明度恢复玻璃感,不把主卡片 blur 拉回 40,避免在持续刷新的串流画面上增加多层实时模糊成本。

袜子菜单继续保留原本的分色识别,不再统一成单一深色;文字色与对应马卡龙背景的最低对比度为 4.81:1。新增在无圆角外层上的 shadow 会按矩形边界绘制,现已撤销。

验证

  • npm run check
  • JAVA_HOME=/Users/mac/ohos-sdk-cache/jdk17-temurin/Home DEVECO_SDK_HOME=/Users/mac/ohos-sdk-cache/6.1-Release-mac/sdk-ci-shape /Users/mac/.nvm/versions/node/v20.20.1/bin/node hvigorw.js assembleHap --mode module -p module=entry@default -p product=default --no-daemon
  • git diff --check origin/master...HEAD
  • 主菜单极端背景与强调文字对比度计算:最低 4.60:1
  • 袜子标签与马卡龙背景对比度计算:4.81–4.88:1

Summary by CodeRabbit

  • 样式优化
    • 优化串流菜单的底色与文字层级透明度,浅色与深色主题均已同步更新。
    • 新增蓝色/粉色强调文字配色,并将相关菜单按钮与数值显示统一到对应强调色。
    • 菜单按钮的文字颜色支持按激活状态动态切换,提升交互可读性。
    • “更多设置”区域改用统一卡片样式,相关按钮卡片阴影样式一并移除。

@coderabbitai

coderabbitai Bot commented Jul 25, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

新增流菜单蓝色和粉色强调文字资源及对应常量,更新游戏菜单的文字颜色选择、多个强调色引用和卡片样式,并调整基础/深色主题配色。

Changes

流菜单主题配色

Layer / File(s) Summary
流菜单主题颜色资源
entry/src/main/resources/base/element/color.json, entry/src/main/resources/dark/element/color.json
调整流菜单背景及文本层级颜色,新增蓝色和粉色强调文字资源,并删除旧的 stream_menu_on_pastel 资源。
强调文字颜色常量
entry/src/main/ets/common/OverlayConstants.ets
新增 AccentBlueTextAccentPinkText 常量,绑定对应颜色资源。
游戏菜单颜色与卡片样式
entry/src/main/ets/components/dialogs/GameMenuDialog.ets
为菜单项增加文字颜色配置和激活态选择逻辑,多个按钮及数值显示改用新的文字强调色,并将更多设置折叠区改用 .cardStyle()

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related PRs

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed 标题准确概括了流菜单回归玻璃透亮效果的主要改动。
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch codex/restore-stream-menu-glass

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@qiin2333
qiin2333 merged commit a640ac4 into master Jul 26, 2026
2 checks passed
@qiin2333
qiin2333 deleted the codex/restore-stream-menu-glass branch July 26, 2026 06:31
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