Skip to content

Commit 43723c1

Browse files
MomoPoppyMomoPoppy
authored
feat(theme): add old theme vars (#2503)
* feat(theme): add old theme vars * feat(button): [button] add old vars for button
1 parent ccd1aa8 commit 43723c1

File tree

103 files changed

+783
-779
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

103 files changed

+783
-779
lines changed

‎packages/theme/src/action-menu/vars.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
.inject-ActionMenu-vars() {
1414
// 文本字号
15-
--tv-ActionMenu-font-size: var(--tv-font-size-md, 14px);
15+
--tv-ActionMenu-font-size: var(--tv-font-size-default, 14px);
1616
// 文本色（默认）
1717
--tv-ActionMenu-text-color: var(--tv-color-text-link, #1476ff);
1818
// 文本色（card 类型）

‎packages/theme/src/alert/vars.less

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@
5151
--tv-Alert-title-margin-bottom: var(--tv-space-sm);
5252

5353
// 警告的描述字号
54-
--tv-Alert-desc-font-size: var(--tv-font-size-md);
54+
--tv-Alert-desc-font-size: var(--tv-font-size-default);
5555
// 警告的描述字重
5656
--tv-Alert-desc-font-weight: var(--tv-font-weight-regular);
5757
// 警告的描述颜色
@@ -71,7 +71,7 @@
7171
--tv-Alert-close-icon-right: var(--tv-space-lg);
7272

7373
// 警告的关闭文本的大小
74-
--tv-Alert-close-text-font-size: var(--tv-font-size-md);
74+
--tv-Alert-close-text-font-size: var(--tv-font-size-default);
7575

7676
//-------------------------------------------------------Normal 场景：---------------------------------------
7777

‎packages/theme/src/anchor/vars.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
// 锚点默认文本色
1919
--tv-Anchor-text-color: var(--tv-color-text-secondary, #595959);
2020
// 锚点默认字号
21-
--tv-Anchor-font-size: var(--tv-font-size-md, 14px);
21+
--tv-Anchor-font-size: var(--tv-font-size-default, 14px);
2222
// 选中锚点项默认文本色
2323
--tv-Anchor-link-text-color-active: var(--tv-color-text, #191919);
2424
// 锚点项左默认外边距

‎packages/theme/src/autocomplete/vars.less

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
// 行高
1515
--tv-Autocomplete-line-height: var(--tv-line-height-number, 1.5);
1616
// 字号
17-
--tv-Autocomplete-font-size: var(--tv-font-size-md, 14px);
17+
--tv-Autocomplete-font-size: var(--tv-font-size-default, 14px);
1818
// 文本色
1919
--tv-Autocomplete-text-color: var(--tv-color-text, #191919);
2020
// 文本色(选中）
@@ -25,7 +25,7 @@
2525
// 面板垂直外间距
2626
--tv-Autocomplete-panel-margin-y: var(--tv-space-sm, 4px);
2727
// 面板圆角
28-
--tv-Autocomplete-panel-border-radius: var(--tv-border-radius-md, 6px);
28+
--tv-Autocomplete-panel-border-radius: var(--tv-border-radius-default, 6px);
2929
// 面板背景色
3030
--tv-Autocomplete-panel-bg-color: var(--tv-color-bg-secondary, #fff);
3131
// 面板阴影

‎packages/theme/src/base-select/vars.less

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
// 文本色
1515
--tv-BaseSelect-text-color: var(--tv-color-text, #191919);
1616
// 字号
17-
--tv-BaseSelect-font-size: var(--tv-font-size-md, 14px);
17+
--tv-BaseSelect-font-size: var(--tv-font-size-default, 14px);
1818
// 行高
1919
--tv-BaseSelect-line-height: var(--tv-line-height-number, 1.5);
2020

@@ -45,12 +45,12 @@
4545
// 尾部文本色
4646
--tv-BaseSelect-suffix-text-color: var(--tv-color-text-weaken, #808080);
4747
// 输入框高度（默认尺寸）
48-
--tv-BaseSelect-input-height: var(--tv-size-height-md, 32px);
48+
--tv-BaseSelect-input-height: var(--tv-size-height-default, 32px);
4949

5050
// 多选标签容器内边距
5151
--tv-BaseSelect-tags-padding: var(--tv-space-xs, 2px) 0px var(--tv-space-xs, 2px) var(--tv-space-xs, 2px);
5252
// 多选标签容器高度
53-
--tv-BaseSelect-tags-height: var(--tv-size-height-md, 32px);
53+
--tv-BaseSelect-tags-height: var(--tv-size-height-default, 32px);
5454
// 标签外边距
5555
--tv-BaseSelect-tag-margin: var(--tv-space-xs, 2px);
5656

‎packages/theme/src/base/old-theme.less

Lines changed: 241 additions & 235 deletions
Large diffs are not rendered by default.

‎packages/theme/src/base/vars.less

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -312,6 +312,8 @@
312312
--tv-color-bg-gray-2: var(--tv-base-color-common-5); // #e6e6e6 灰色背景-2灰色标签背景色
313313
--tv-color-bg-header: var(--tv-base-color-common-4); // #f0f0f0 表头背景色(如果只有表格使用，就转成组件级变量）
314314
--tv-color-bg-mask: rgba(0, 0, 0, 30%); // 遮罩层带有透明度的背景色
315+
--tv-color-bg-dark:var(--tv-base-color-brand);// #191919; 深色背景色 顶部导航/ 深色tab/深色提示背景色(目前使用的这个色，找设计师确认）
316+
--tv-color-bg-active-dark:var(--tv-base-color-common-3);// #f5f5f5 深色背景悬浮色
315317

316318
/* 2.6.2 禁用 */
317319
--tv-color-bg-disabled: var(--tv-base-color-common-4); // #f0f0f0 禁用背景色
@@ -326,6 +328,7 @@
326328
--tv-color-bg-hover-1: var(--tv-base-color-brand-2); // #deecff 浅蓝色场景：悬浮背景色-日期悬浮 /选块悬浮态背景色
327329
--tv-color-bg-hover-2: var(--tv-base-color-common-5); // #e6e6e6 轮播箭头背景悬浮色
328330
--tv-color-bg-hover-3: var(--tv-base-color-brand-1); // #f0f7ff 悬浮背景色
331+
--tv-color-bg-hover-dark:var(--tv-base-color-common-11); // #191919 深色背景悬浮色 （这个颜色待和设计师确认，原本tab用的#191919）
329332

330333
/* 2.6.4 active/选中 */
331334
--tv-color-bg-active: var(--tv-base-color-common-3); // #f5f5f5 分页选中背景色/左侧导航选中背景色
@@ -334,6 +337,7 @@
334337
--tv-color-bg-active-secondary: var(--tv-base-color-common-1); // #fff 次要背景色active色/下拉选中的背景色/一级tab页签背景-选中色/树控件选中背景颜色
335338
--tv-color-bg-active-emphasize: var(--tv-base-color-brand-2); // #deecff 时间选择选中背景色
336339
--tv-color-bg-active-emphasize-light: var(--tv-base-color-brand-1); // #f0f7ff 表格选中背景色
340+
--tv-color-bg-active-dark: var(--tv-base-color-common-11); // #191919 深色背景色激活色（待确认）
337341

338342
/** 2.7 边框色/分割线颜色 **/
339343

@@ -363,6 +367,7 @@
363367
--tv-font-size-lg: 16px;
364368
--tv-font-size-xl: 18px;
365369
--tv-font-size-xxl: 20px;
370+
--tv-font-size-default:var(--tv-font-size-md);
366371

367372
--tv-font-size-heading-xs: 16px; // 卡片标题
368373
--tv-font-size-heading-sm: 18px; // 页面标题
@@ -385,6 +390,7 @@
385390
--tv-border-radius-md: 6px; // 默认
386391
--tv-border-radius-lg: 8px;
387392
--tv-border-radius-round: 999px; // 50% 会造成椭圆，避免使用。 999px是 tiny3的做法。
393+
--tv-border-radius-default:var(--tv-border-radius-md);
388394

389395
/** 5. 边框 **/
390396
--tv-border-width: 1px;
@@ -408,6 +414,7 @@
408414
--tv-size-height-md: 32px; // medium 尺寸 - 默认
409415
--tv-size-height-lg: 40px; // large 尺寸
410416
--tv-size-height-xl: 48px; // xLarge 尺寸
417+
--tv-size-height-default:var(--tv-size-height-md);
411418

412419
/** 7.2 图标大小 width, height **/
413420
--tv-icon-size: 16px;

‎packages/theme/src/breadcrumb/vars.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
.inject-Breadcrumb-vars() {
1414
// 字号
15-
--tv-Breadcrumb-font-size: var(--tv-font-size-md);
15+
--tv-Breadcrumb-font-size: var(--tv-font-size-default);
1616
// 文本行高
1717
--tv-Breadcrumb-text-line-height: var(--tv-line-height-number);
1818
// 文本色

‎packages/theme/src/bulletin-board/vars.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
.inject-BulletinBoard-vars() {
1414
// 公告栏字号
15-
--tv-BulletinBoard-font-size: var(--tv-font-size-md);
15+
--tv-BulletinBoard-font-size: var(--tv-font-size-default);
1616
// 标题字号
1717
--tv-BulletinBoard-title-font-size: var(--tv-font-size-heading-sm);
1818
// 标题字重
@@ -28,7 +28,7 @@
2828
// 子项日期文字颜色
2929
--tv-BulletinBoard-item-date-text-color: var(--tv-color-text-weaken);
3030
// 子项日期文字尺寸
31-
--tv-BulletinBoard-item-date-font-size: var(--tv-font-size-md);
31+
--tv-BulletinBoard-item-date-font-size: var(--tv-font-size-default);
3232
// new标签背景颜色
3333
--tv-BulletinBoard-new-bg-color: var(--tv-color-error-bg-light);
3434
// new标签文字颜色
@@ -44,9 +44,9 @@
4444
// 更多按钮图标悬浮颜色
4545
--tv-BulletinBoard-more-icon-color-hover: var(--tv-color-icon-hover);
4646
// 更多按钮文字尺寸
47-
--tv-BulletinBoard-more-font-size: var(--tv-font-size-md);
47+
--tv-BulletinBoard-more-font-size: var(--tv-font-size-default);
4848
// 更多按钮图标尺寸
49-
--tv-BulletinBoard-more-icon-font-size: var(--tv-font-size-md);
49+
--tv-BulletinBoard-more-icon-font-size: var(--tv-font-size-default);
5050
// tabs标签文字颜色
5151
--tv-BulletinBoard-tabs-item-text-color: var(--tv-color-text);
5252
// tabs标签背景颜色

‎packages/theme/src/button-group/vars.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
.inject-ButtonGroup-vars() {
1414
// 按钮组圆角
15-
--tv-ButtonGroup-border-radius: var(--tv-border-radius-md);
15+
--tv-ButtonGroup-border-radius: var(--tv-border-radius-default);
1616
// 按钮组字体行高
1717
--tv-ButtonGroup-line-height-number: var(--tv-line-height-number);
1818
// 默认按钮未选中项背景色
@@ -22,9 +22,9 @@
2222
// 空数据文本色
2323
--tv-ButtonGroup-empty-text-color: var(--tv-color-text-weaken);
2424
// 未指定尺寸的按钮项高度
25-
--tv-ButtonGroup-item-btn-height: var(--tv-size-height-md);
25+
--tv-ButtonGroup-item-btn-height: var(--tv-size-height-default);
2626
// 按钮组默认字号
27-
--tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-md);
27+
--tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-default);
2828
// 按钮项禁用背景色
2929
--tv-ButtonGroup-item-btn-disabled-bg-color: var(--tv-color-bg-disabled);
3030
// 按钮项禁用文本色
@@ -58,7 +58,7 @@
5858
// 按钮角标字体颜色
5959
--tv-ButtonGroup-item-sup-font-color: var(--tv-color-text-white);
6060
// 按钮角标字体大小
61-
--tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-md);
61+
--tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-default);
6262

6363
// medium尺寸
6464
--tv-ButtonGroup-medium-size: var(--tv-size-height-lg);

‎packages/theme/src/button/old-theme.less

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
@button-prefix-cls: ~'@{css-prefix}button';
33

44
.@{button-prefix-cls} {
5-
// 默认时按钮字重
6-
--tv-Button-border-radius: 6px;
5+
// 默认时按钮圆角
6+
--tv-Button-border-radius: 2px;
77
}

‎packages/theme/src/button/vars.less

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -28,17 +28,17 @@
2828

2929
//--------------------------------------------------- 场景2、尺寸 height, font-size,padding-x,min-width,仅图标时的 icon-size
3030
// 默认时按钮字号
31-
--tv-Button-font-size: var(--tv-font-size-md);
31+
--tv-Button-font-size: var(--tv-font-size-default);
3232
// 默认时按钮高度
33-
--tv-Button-height: var(--tv-size-height-md);
33+
--tv-Button-height: var(--tv-size-height-default);
3434
// 默认时按钮水平间距
3535
--tv-Button-padding-x: 24px; // space变量不存在，是否替换成 space-base * 6 这种？
3636
// 默认时按钮最小宽度
3737
--tv-Button-min-width: 96px; // 是否替换成 size-base * 24 这种？
3838
// 默认时按钮内图标的大小
3939
--tv-Button-size-icon-font-size: 18px;
4040
// 超大按钮字号
41-
--tv-Button-font-size-large: var(--tv-font-size-md);
41+
--tv-Button-font-size-large: var(--tv-font-size-default);
4242
// 超大按钮高度
4343
--tv-Button-height-large: var(--tv-size-height-xl);
4444
// 超大按钮水平间距
@@ -48,7 +48,7 @@
4848
// 超大按钮内图标的大小
4949
--tv-Button-size-icon-font-size-large: 28px;
5050
// 中等按钮字号
51-
--tv-Button-font-size-medium: var(--tv-font-size-md);
51+
--tv-Button-font-size-medium: var(--tv-font-size-default);
5252
// 中等按钮高度
5353
--tv-Button-height-medium: var(--tv-size-height-lg);
5454
// 中等按钮水平间距
@@ -310,7 +310,7 @@
310310
// 仅图标且default主题时， 外边框的悬浮色
311311
--tv-Button-border-color-only-icon-default-hover: var(--tv-color-border-secondary);
312312
// 仅图标且有边框时，边框的圆角大
313-
--tv-Button-border-radius-only-icon: var(--tv-border-radius-md);
313+
--tv-Button-border-radius-only-icon: var(--tv-border-radius-default);
314314

315315
// 仅图标且无边框时，背景阴影的圆角
316316
--tv-Button-border-radius-only-icon-ontext: var(--tv-border-radius-sm);
@@ -324,7 +324,7 @@
324324
// 纯文字时，文字的禁用色
325325
--tv-Button-text-color-ontext-disabled: var(--tv-color-text-disabled);
326326
// 纯文字时，字体大小
327-
--tv-Button-font-size-ontext: var(--tv-font-size-md);
327+
--tv-Button-font-size-ontext: var(--tv-font-size-default);
328328

329329
// 混排有边框和无边框时，图标右边距
330330
--tv-Button-margin-right-isicon-svg: var(--tv-space-sm);
@@ -334,7 +334,7 @@
334334
// 混排无边框时,文字的禁用色
335335
--tv-Button-text-color-isicon-ontext-disabled: var(--tv-color-text-disabled);
336336
//混排无边框时，字体大小
337-
--tv-Button-font-size-isicon-ontext: var(--tv-font-size-md);
337+
--tv-Button-font-size-isicon-ontext: var(--tv-font-size-default);
338338

339339
//------------------------------------------------------ 场景5、 其它场景-----------------------------------------
340340
// 相邻按钮的默认的左外边距

0 commit comments

Comments
 (0)