@hsu-react/ui 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -39,7 +39,14 @@
|
|
|
39
39
|
// 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
|
|
40
40
|
// 与拖拽时的浮层（.dragOverlay）保持同一形状。
|
|
41
41
|
border-radius: 8px 8px 0 0;
|
|
42
|
-
|
|
42
|
+
// 未选中的页签要能从栏里认出来，所以给一层静息底，而不是 transparent —— 透明会让
|
|
43
|
+
// 它整个溶进 `--vita-surface` 的栏里，只剩文字浮着。
|
|
44
|
+
// 取 `--vita-background`：每套色板里它都恰好比 surface 低一级（默认亮色
|
|
45
|
+
// #fafafa / #ffffff、暗色 #09090b / #18181b），无论消费方怎么换配色，页签与栏
|
|
46
|
+
// 之间都留得住这一档差 —— 也正是 antd 卡片页签原本靠 colorFillAlter 做出的效果。
|
|
47
|
+
// 注意选中态并不靠底色深浅跟它拉开（消费方的色板里两者可能很接近），而是靠
|
|
48
|
+
// 主色文字 + 500 字重，这一点与改造前一致。
|
|
49
|
+
background: var(--vita-background);
|
|
43
50
|
|
|
44
51
|
transition: background 0.2s;
|
|
45
52
|
|
|
@@ -66,8 +73,11 @@
|
|
|
66
73
|
}
|
|
67
74
|
}
|
|
68
75
|
|
|
76
|
+
// 悬浮态用 --vita-hover，不要用 --vita-border-weak：后者是**边框**色，
|
|
77
|
+
// 消费方换配色时会连着边框一起调，没法单独把悬浮底改暖/改冷。默认值也不合适
|
|
78
|
+
// ——它比 --vita-hover 更实，压在自定义底色上会显出一块异色方块。
|
|
69
79
|
&:hover {
|
|
70
|
-
background: var(--vita-
|
|
80
|
+
background: var(--vita-hover);
|
|
71
81
|
}
|
|
72
82
|
|
|
73
83
|
&:global(.ant-tabs-tab-active) {
|
package/es/styles/tokens.js
CHANGED
|
@@ -117,7 +117,12 @@ export var toAntdTheme = function toAntdTheme(options) {
|
|
|
117
117
|
colorBgContainer: t.surface,
|
|
118
118
|
colorBgElevated: t.surface,
|
|
119
119
|
colorBgLayout: t.background,
|
|
120
|
-
colorBgSpotlight
|
|
120
|
+
// `colorBgSpotlight` 故意不接管。它只服务 Tooltip，而 antd 把 Tooltip 的文字色写死成
|
|
121
|
+
// `colorTextLightSolid`（白），底色必须是深色才读得出来——把它指到 `muted` 这种浅色
|
|
122
|
+
// 中性面，亮色下就成了白字打在近白底上，整条提示语看不见。
|
|
123
|
+
// antd 两套算法给的默认值本来就是深的（亮色 rgba(0,0,0,.85)、暗色抬亮的深灰），
|
|
124
|
+
// 交回给它。
|
|
125
|
+
|
|
121
126
|
// antd paints table headers / filled controls from the Fill ramp; pointing the top of it at
|
|
122
127
|
// `muted` is what keeps those surfaces on the zinc scale instead of antd's default greys.
|
|
123
128
|
colorFillAlter: t.muted,
|
|
@@ -39,7 +39,14 @@
|
|
|
39
39
|
// 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
|
|
40
40
|
// 与拖拽时的浮层（.dragOverlay）保持同一形状。
|
|
41
41
|
border-radius: 8px 8px 0 0;
|
|
42
|
-
|
|
42
|
+
// 未选中的页签要能从栏里认出来，所以给一层静息底，而不是 transparent —— 透明会让
|
|
43
|
+
// 它整个溶进 `--vita-surface` 的栏里，只剩文字浮着。
|
|
44
|
+
// 取 `--vita-background`：每套色板里它都恰好比 surface 低一级（默认亮色
|
|
45
|
+
// #fafafa / #ffffff、暗色 #09090b / #18181b），无论消费方怎么换配色，页签与栏
|
|
46
|
+
// 之间都留得住这一档差 —— 也正是 antd 卡片页签原本靠 colorFillAlter 做出的效果。
|
|
47
|
+
// 注意选中态并不靠底色深浅跟它拉开（消费方的色板里两者可能很接近），而是靠
|
|
48
|
+
// 主色文字 + 500 字重，这一点与改造前一致。
|
|
49
|
+
background: var(--vita-background);
|
|
43
50
|
|
|
44
51
|
transition: background 0.2s;
|
|
45
52
|
|
|
@@ -66,8 +73,11 @@
|
|
|
66
73
|
}
|
|
67
74
|
}
|
|
68
75
|
|
|
76
|
+
// 悬浮态用 --vita-hover，不要用 --vita-border-weak：后者是**边框**色，
|
|
77
|
+
// 消费方换配色时会连着边框一起调，没法单独把悬浮底改暖/改冷。默认值也不合适
|
|
78
|
+
// ——它比 --vita-hover 更实，压在自定义底色上会显出一块异色方块。
|
|
69
79
|
&:hover {
|
|
70
|
-
background: var(--vita-
|
|
80
|
+
background: var(--vita-hover);
|
|
71
81
|
}
|
|
72
82
|
|
|
73
83
|
&:global(.ant-tabs-tab-active) {
|
package/lib/styles/tokens.js
CHANGED
|
@@ -102,7 +102,12 @@ const toAntdTheme = options => {
|
|
|
102
102
|
colorBgContainer: t.surface,
|
|
103
103
|
colorBgElevated: t.surface,
|
|
104
104
|
colorBgLayout: t.background,
|
|
105
|
-
colorBgSpotlight
|
|
105
|
+
// `colorBgSpotlight` 故意不接管。它只服务 Tooltip，而 antd 把 Tooltip 的文字色写死成
|
|
106
|
+
// `colorTextLightSolid`（白），底色必须是深色才读得出来——把它指到 `muted` 这种浅色
|
|
107
|
+
// 中性面，亮色下就成了白字打在近白底上，整条提示语看不见。
|
|
108
|
+
// antd 两套算法给的默认值本来就是深的（亮色 rgba(0,0,0,.85)、暗色抬亮的深灰），
|
|
109
|
+
// 交回给它。
|
|
110
|
+
|
|
106
111
|
// antd paints table headers / filled controls from the Fill ramp; pointing the top of it at
|
|
107
112
|
// `muted` is what keeps those surfaces on the zinc scale instead of antd's default greys.
|
|
108
113
|
colorFillAlter: t.muted,
|
package/package.json
CHANGED
|
@@ -39,7 +39,14 @@
|
|
|
39
39
|
// 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
|
|
40
40
|
// 与拖拽时的浮层（.dragOverlay）保持同一形状。
|
|
41
41
|
border-radius: 8px 8px 0 0;
|
|
42
|
-
|
|
42
|
+
// 未选中的页签要能从栏里认出来，所以给一层静息底，而不是 transparent —— 透明会让
|
|
43
|
+
// 它整个溶进 `--vita-surface` 的栏里，只剩文字浮着。
|
|
44
|
+
// 取 `--vita-background`：每套色板里它都恰好比 surface 低一级（默认亮色
|
|
45
|
+
// #fafafa / #ffffff、暗色 #09090b / #18181b），无论消费方怎么换配色，页签与栏
|
|
46
|
+
// 之间都留得住这一档差 —— 也正是 antd 卡片页签原本靠 colorFillAlter 做出的效果。
|
|
47
|
+
// 注意选中态并不靠底色深浅跟它拉开（消费方的色板里两者可能很接近），而是靠
|
|
48
|
+
// 主色文字 + 500 字重，这一点与改造前一致。
|
|
49
|
+
background: var(--vita-background);
|
|
43
50
|
|
|
44
51
|
transition: background 0.2s;
|
|
45
52
|
|
|
@@ -66,8 +73,11 @@
|
|
|
66
73
|
}
|
|
67
74
|
}
|
|
68
75
|
|
|
76
|
+
// 悬浮态用 --vita-hover，不要用 --vita-border-weak：后者是**边框**色，
|
|
77
|
+
// 消费方换配色时会连着边框一起调，没法单独把悬浮底改暖/改冷。默认值也不合适
|
|
78
|
+
// ——它比 --vita-hover 更实，压在自定义底色上会显出一块异色方块。
|
|
69
79
|
&:hover {
|
|
70
|
-
background: var(--vita-
|
|
80
|
+
background: var(--vita-hover);
|
|
71
81
|
}
|
|
72
82
|
|
|
73
83
|
&:global(.ant-tabs-tab-active) {
|
package/src/styles/tokens.ts
CHANGED
|
@@ -149,7 +149,12 @@ export const toAntdTheme = (options?: {
|
|
|
149
149
|
colorBgContainer: t.surface,
|
|
150
150
|
colorBgElevated: t.surface,
|
|
151
151
|
colorBgLayout: t.background,
|
|
152
|
-
|
|
152
|
+
|
|
153
|
+
// `colorBgSpotlight` 故意不接管。它只服务 Tooltip，而 antd 把 Tooltip 的文字色写死成
|
|
154
|
+
// `colorTextLightSolid`（白），底色必须是深色才读得出来——把它指到 `muted` 这种浅色
|
|
155
|
+
// 中性面，亮色下就成了白字打在近白底上，整条提示语看不见。
|
|
156
|
+
// antd 两套算法给的默认值本来就是深的（亮色 rgba(0,0,0,.85)、暗色抬亮的深灰），
|
|
157
|
+
// 交回给它。
|
|
153
158
|
|
|
154
159
|
// antd paints table headers / filled controls from the Fill ramp; pointing the top of it at
|
|
155
160
|
// `muted` is what keeps those surfaces on the zinc scale instead of antd's default greys.
|