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

iter(g328): 语义三色淡底补令牌并纳入表面阶梯

Browse Source
This commit is contained in:
HIsheR
2026-10-27 01:58:02 +08:00
parent 04433ee19f
commit 2d93480fbf
7 changed files with 50 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skin/ui/ui.css
+15 -15
View File
@@ -644,7 +644,7 @@ body.ua-col-resizing {
color: var(--ua-color-danger);
}
.ua-menu-item.is-danger:hover:not(:disabled) {
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-danger);
}
.ua-menu-label {
flex: 1;
@@ -899,15 +899,15 @@ body.ua-col-resizing {
}
.ua-tag-success {
border-color: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-strong), transparent);
background: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-soft), var(--ua-color-bg));
background: var(--ua-color-tint-success);
}
.ua-tag-warning {
border-color: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-strong), transparent);
background: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-soft), var(--ua-color-bg));
background: var(--ua-color-tint-warning);
}
.ua-tag-danger {
border-color: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-strong), transparent);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), var(--ua-color-bg));
background: var(--ua-color-tint-danger);
}
.ua-tag-info {
border-color: color-mix(in srgb, var(--ua-color-accent) var(--ua-alpha-strong), transparent);
@@ -1174,7 +1174,7 @@ button.ua-step-dot:hover {
}
.ua-step-error .ua-step-dot {
border-color: var(--ua-color-danger);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent); /* 失败步骤只给淡底，不抢当前步的光环 */
background: var(--ua-color-tint-danger); /* 失败步骤只给淡底，不抢当前步的光环 */
color: var(--ua-color-danger);
font-weight: var(--ua-weight-semibold);
}
@@ -1427,15 +1427,15 @@ button.ua-step-dot:hover {
}
.ua-alert-success {
border-color: var(--ua-color-success);
background: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-success);
}
.ua-alert-warning {
border-color: var(--ua-color-warning);
background: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-warning);
}
.ua-alert-danger {
border-color: var(--ua-color-danger);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-danger);
}
/* —— 独立分页器 —— */
@@ -1611,15 +1611,15 @@ button.ua-step-dot:hover {
}
.ua-toast-success {
border-color: var(--ua-color-success);
background: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-soft), var(--ua-color-bg));
background: var(--ua-color-tint-success);
}
.ua-toast-warning {
border-color: var(--ua-color-warning);
background: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-soft), var(--ua-color-bg));
background: var(--ua-color-tint-warning);
}
.ua-toast-danger {
border-color: var(--ua-color-danger);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), var(--ua-color-bg));
background: var(--ua-color-tint-danger);
}
/* —— 加载指示器 —— */
@@ -4264,7 +4264,7 @@ button.ua-step-dot:hover {
padding: var(--ua-space-2) var(--ua-space-3);
border: 1px solid color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-mid), transparent);
border-radius: var(--ua-radius-sm);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-danger);
color: var(--ua-color-danger);
font-size: var(--ua-font-size-md);
}
@@ -6134,17 +6134,17 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
.ua-notice-success {
border-color: var(--ua-color-success);
background: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-success);
}
.ua-notice-warning {
border-color: var(--ua-color-warning);
background: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-warning);
}
.ua-notice-danger {
border-color: var(--ua-color-danger);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent);
background: var(--ua-color-tint-danger);
}
@keyframes ua-notice-roll {