temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter(g182): 暗色阴影与焦点环适配

Browse Source
This commit is contained in:
HIsheR
2026-10-26 17:33:14 +08:00
parent 03df0d1294
commit 9ee04d7bb0
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/design/tokens/tokens.css
+2
View File
@@ -100,4 +100,6 @@
--ua-shadow-4: 0 18px 44px rgba(0, 0, 0, 0.5); /* 暗色 4 档：模态 / 抽屉 / 通知 */
--ua-shadow-accent: 0 3px 10px color-mix(in srgb, var(--ua-color-accent) 30%, transparent); /* 暗色主题色投影：透明度略升补可见性 */
--ua-shadow-accent-strong: 0 8px 20px color-mix(in srgb, var(--ua-color-accent) 40%, transparent); /* 暗色主题色强投影 */
--ua-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 34%, transparent); /* 暗色焦点环：透明度略升补对比 */
--ua-focus-ring-inset: inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 52%, transparent); /* 暗色内嵌焦点环 */
}
packages/design/tokens/tokens.json
+8 -2
View File
@@ -113,8 +113,14 @@
"easeOut": "cubic-bezier(0.16, 1, 0.3, 1)"
},
"focus": {
"ring": "0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 22%, transparent)",
"ringInset": "inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 40%, transparent)"
"ring": {
"light": "0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 22%, transparent)",
"dark": "0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 34%, transparent)"
},
"ringInset": {
"light": "inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 40%, transparent)",
"dark": "inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 52%, transparent)"
}
},
"control": {
"height": {