CNWei
3330af818e
- index.html 首帧按本机偏好设置 dark/light，避免先浅后深 - 实际 scheme 只写 dark/light（之前 auto 会覆盖成浅色） - 切换时给所有表面加 240ms 颜色/边框/阴影过渡，结束后移除 - 背景图深色下淡出而不是 display:none - 页头操作图标与分组导航等设置加载后再渲染，避免先显示后消失
62 lines
1.2 KiB
CSS
62 lines
1.2 KiB
CSS
/* 页面级基础：字号 / 字体 / 重置。颜色与间距全部来自 @stash/ui 的令牌。 */
|
||
|
||
:root {
|
||
font-family: var(--su-font-sans);
|
||
font-size: var(--su-font-size-md);
|
||
line-height: var(--su-line-height-md);
|
||
color: var(--su-text-main);
|
||
background-color: var(--su-bg-page);
|
||
color-scheme: light;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
html[data-scheme='dark'] {
|
||
color-scheme: dark;
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
html,
|
||
body,
|
||
#root {
|
||
min-height: 100%;
|
||
}
|
||
|
||
a {
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
button {
|
||
font: inherit;
|
||
color: inherit;
|
||
border: none;
|
||
background: none;
|
||
}
|
||
|
||
ul,
|
||
ol {
|
||
list-style: none;
|
||
}
|
||
|
||
/* 键盘焦点环由组件库统一提供；这里只给「非表单控件」补兜底。
|
||
表单控件不能加全局 outline：输入框点击时也会命中 :focus-visible，
|
||
会和组件自己的边框态叠成「双框」（用户实际报过的 bug）。 */
|
||
a:focus-visible,
|
||
button:focus-visible,
|
||
[tabindex]:not(input):focus-visible {
|
||
outline: var(--su-focus-ring);
|
||
outline-offset: var(--su-focus-ring-offset);
|
||
}
|
||
|
||
input:focus-visible,
|
||
textarea:focus-visible,
|
||
select:focus-visible {
|
||
outline: none;
|
||
}
|