Skip to content

Commit a1c48b3

Browse files
authored
fix(windows): improve dark titlebar contrast (#78)
Add a dark translucent legibility layer to the native Windows application menu when Dream Skin uses dark appearance. Increase menu text and icon contrast while retaining the wallpaper and native header geometry. Add the CSS inventory regression and changelog entry. Co-authored-by: silver <470738257@qq.com>
1 parent a8617f4 commit a1c48b3

3 files changed

Lines changed: 18 additions & 0 deletions

File tree

windows/CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
### 修复
1616

1717
- 保留 Codex 原生固定顶栏的定位与层级,避免打开任务侧边面板后开关被推出主区、导致面板无法关闭。
18+
- 暗色外观下,原生顶部菜单栏现在使用深色半透明可读性层,并提高菜单按钮与图标的文字对比度,避免浅色壁纸让导航项难以辨认。
1819
- 渲染层现在只在检测到完整 Codex 主界面壳层时启用皮肤;宠物等透明辅助窗口会主动清理主题背景与装饰节点,避免出现遮挡宠物的矩形背景框。
1920
- 16:9 及更宽图像现在作为侧栏与主区共享的单张整窗背景;首页、任务、插件、计划任务和 Pull Requests 路由使用同一透明顶栏与连续表面,不再在卡片或任务层重复裁切图片。
2021
- 移除主区原生顶部渐隐和 composer 后方底部渐隐;浅色与深色 composer 均只保留一个可读表面,避免出现双层输入框或不连续底板。

windows/assets/dream-skin.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,22 @@ html.codex-dream-skin main.main-surface > header.app-header-tint {
112112
backdrop-filter: blur(12px) saturate(1.05) !important;
113113
}
114114

115+
/* Wide art also reaches the native application menu, which sits outside the
116+
main surface and needs its own dark-theme legibility layer. */
117+
html.codex-dream-skin.dream-theme-dark [class~="group/application-menu-top-bar"] {
118+
color: var(--dream-text) !important;
119+
background: color-mix(in oklab, var(--dream-sidebar) 90%, transparent) !important;
120+
border-bottom: 1px solid var(--dream-line-soft) !important;
121+
box-shadow: 0 1px 12px color-mix(in oklab, var(--dream-canvas) 72%, transparent) !important;
122+
backdrop-filter: blur(16px) saturate(.9) !important;
123+
}
124+
125+
html.codex-dream-skin.dream-theme-dark [class~="group/application-menu-top-bar"] button,
126+
html.codex-dream-skin.dream-theme-dark [class~="group/application-menu-top-bar"] svg {
127+
color: var(--dream-text) !important;
128+
text-shadow: 0 1px 2px color-mix(in oklab, var(--dream-canvas) 82%, transparent) !important;
129+
}
130+
115131
#codex-dream-skin-chrome {
116132
display: none !important;
117133
pointer-events: none !important;

windows/tests/run-tests.ps1

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -711,6 +711,7 @@ try {
711711
foreach ($requiredCss in @(
712712
'background-image: var(--dream-art)',
713713
'main.main-surface > header.app-header-tint',
714+
'[class~="group/application-menu-top-bar"]',
714715
'.app-shell-main-content-top-fade',
715716
'.thread-scroll-container .bg-gradient-to-t.from-token-main-surface-primary',
716717
'--dream-immersive-composer',

0 commit comments

Comments
 (0)