diff --git a/packages/theme/src/action-menu/vars.less b/packages/theme/src/action-menu/vars.less index e1a8e66866..b2d2c4c041 100644 --- a/packages/theme/src/action-menu/vars.less +++ b/packages/theme/src/action-menu/vars.less @@ -12,7 +12,7 @@ .inject-ActionMenu-vars() { // 文本字号 - --tv-ActionMenu-font-size: var(--tv-font-size-md, 14px); + --tv-ActionMenu-font-size: var(--tv-font-size-default, 14px); // 文本色（默认） --tv-ActionMenu-text-color: var(--tv-color-text-link, #1476ff); // 文本色（card 类型） diff --git a/packages/theme/src/alert/vars.less b/packages/theme/src/alert/vars.less index 00e60c490f..cc46f149e0 100644 --- a/packages/theme/src/alert/vars.less +++ b/packages/theme/src/alert/vars.less @@ -51,7 +51,7 @@ --tv-Alert-title-margin-bottom: var(--tv-space-sm); // 警告的描述字号 - --tv-Alert-desc-font-size: var(--tv-font-size-md); + --tv-Alert-desc-font-size: var(--tv-font-size-default); // 警告的描述字重 --tv-Alert-desc-font-weight: var(--tv-font-weight-regular); // 警告的描述颜色 @@ -71,7 +71,7 @@ --tv-Alert-close-icon-right: var(--tv-space-lg); // 警告的关闭文本的大小 - --tv-Alert-close-text-font-size: var(--tv-font-size-md); + --tv-Alert-close-text-font-size: var(--tv-font-size-default); //-------------------------------------------------------Normal 场景：--------------------------------------- diff --git a/packages/theme/src/anchor/vars.less b/packages/theme/src/anchor/vars.less index 635f6e05a8..63981aead3 100644 --- a/packages/theme/src/anchor/vars.less +++ b/packages/theme/src/anchor/vars.less @@ -18,7 +18,7 @@ // 锚点默认文本色 --tv-Anchor-text-color: var(--tv-color-text-secondary, #595959); // 锚点默认字号 - --tv-Anchor-font-size: var(--tv-font-size-md, 14px); + --tv-Anchor-font-size: var(--tv-font-size-default, 14px); // 选中锚点项默认文本色 --tv-Anchor-link-text-color-active: var(--tv-color-text, #191919); // 锚点项左默认外边距 diff --git a/packages/theme/src/autocomplete/vars.less b/packages/theme/src/autocomplete/vars.less index c1cfac155a..c418a8ae0e 100644 --- a/packages/theme/src/autocomplete/vars.less +++ b/packages/theme/src/autocomplete/vars.less @@ -14,7 +14,7 @@ // 行高 --tv-Autocomplete-line-height: var(--tv-line-height-number, 1.5); // 字号 - --tv-Autocomplete-font-size: var(--tv-font-size-md, 14px); + --tv-Autocomplete-font-size: var(--tv-font-size-default, 14px); // 文本色 --tv-Autocomplete-text-color: var(--tv-color-text, #191919); // 文本色(选中） @@ -25,7 +25,7 @@ // 面板垂直外间距 --tv-Autocomplete-panel-margin-y: var(--tv-space-sm, 4px); // 面板圆角 - --tv-Autocomplete-panel-border-radius: var(--tv-border-radius-md, 6px); + --tv-Autocomplete-panel-border-radius: var(--tv-border-radius-default, 6px); // 面板背景色 --tv-Autocomplete-panel-bg-color: var(--tv-color-bg-secondary, #fff); // 面板阴影 diff --git a/packages/theme/src/base-select/vars.less b/packages/theme/src/base-select/vars.less index 6adf670f13..22c3a23549 100644 --- a/packages/theme/src/base-select/vars.less +++ b/packages/theme/src/base-select/vars.less @@ -14,7 +14,7 @@ // 文本色 --tv-BaseSelect-text-color: var(--tv-color-text, #191919); // 字号 - --tv-BaseSelect-font-size: var(--tv-font-size-md, 14px); + --tv-BaseSelect-font-size: var(--tv-font-size-default, 14px); // 行高 --tv-BaseSelect-line-height: var(--tv-line-height-number, 1.5); @@ -45,12 +45,12 @@ // 尾部文本色 --tv-BaseSelect-suffix-text-color: var(--tv-color-text-weaken, #808080); // 输入框高度（默认尺寸） - --tv-BaseSelect-input-height: var(--tv-size-height-md, 32px); + --tv-BaseSelect-input-height: var(--tv-size-height-default, 32px); // 多选标签容器内边距 --tv-BaseSelect-tags-padding: var(--tv-space-xs, 2px) 0px var(--tv-space-xs, 2px) var(--tv-space-xs, 2px); // 多选标签容器高度 - --tv-BaseSelect-tags-height: var(--tv-size-height-md, 32px); + --tv-BaseSelect-tags-height: var(--tv-size-height-default, 32px); // 标签外边距 --tv-BaseSelect-tag-margin: var(--tv-space-xs, 2px); diff --git a/packages/theme/src/base/old-theme.less b/packages/theme/src/base/old-theme.less index 78ce6350f4..c8079e801e 100644 --- a/packages/theme/src/base/old-theme.less +++ b/packages/theme/src/base/old-theme.less @@ -3,200 +3,196 @@ /* 1.1品牌色 */ /* 品牌主色 */ - --tv-base-color-brand: #191919; // 主色黑/链接颜色 - - --tv-base-color-brand-1: #f0f7ff; - --tv-base-color-brand-2: #deecff; // 日期选择悬浮背景色 /提示-背景色 - --tv-base-color-brand-3: #b3d6ff; // 浅背景-悬浮色，开关组件“开”禁用背景色 - --tv-base-color-brand-4: #7eb7fc; - --tv-base-color-brand-5: #4191fa; - --tv-base-color-brand-6: #1476ff; // 辅助色， 文字按钮色、文字按钮悬浮色 /单选框选中悬浮/聚焦/激活小圆点填充色和边框色 - --tv-base-color-brand-7: #0f5ed4; - --tv-base-color-brand-8: #0845a6; - --tv-base-color-brand-9: #022e7a; - --tv-base-color-brand-10: #001a4a; - --tv-base-color-brand-11: #3d6899; - --tv-base-color-brand-12: #7fa6d4; - --tv-base-color-brand-13: #b6d4f2; - + --tv-base-color-brand: #5e7ce0; // 主色黑/链接颜色 + + --tv-base-color-brand-1: #f2f5fc; + --tv-base-color-brand-2: #e9edfa; // 日期选择悬浮背景色 /提示-背景色 + --tv-base-color-brand-3: #beccfa; // 浅背景-悬浮色，开关组件“开”禁用背景色 + --tv-base-color-brand-4: #96adfa; + --tv-base-color-brand-5: #7693f5; + --tv-base-color-brand-6: #5e7ce0; // 辅助色， 文字按钮色、文字按钮悬浮色 /单选框选中悬浮/聚焦/激活小圆点填充色和边框色 + --tv-base-color-brand-7: #526ecc; + --tv-base-color-brand-8: #465eb8; + --tv-base-color-brand-9: #3c51a6; + --tv-base-color-brand-10: #344899; + --tv-base-color-brand-11: #2a3cb5; + /* 1.2 中立色 */ /* 公用灰色系，用于文本、图标、线条、背景色 */ --tv-base-color-common-1: #ffffff; // 顶部导航背景色、 顶部导航下拉背景色/次要按钮-背景色、次要按钮-hover/Focus/active背景色、输入框背景色 - --tv-base-color-common-2: #fafafa; // 新区域组件-悬浮背景色 - --tv-base-color-common-3: #f5f5f5; // 通用背景-页面背景色/ 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色 - --tv-base-color-common-4: #f0f0f0; // 白色背景分割线 /禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色 - --tv-base-color-common-5: #e6e6e6; // 灰色标签背景色/轮播箭头悬浮色 - --tv-base-color-common-6: #dbdbdb; // 开关组件“关”禁用背景色/ 禁用描边/ 灰色背景分割线 - --tv-base-color-common-7: #c2c2c2; // 选块悬浮色/页签禁用文字色/边框色（如下拉、输入框）/文字禁用/禁用图标 - --tv-base-color-common-8: #808080; // 弱化信息、说明文字 - --tv-base-color-common-9: #595959; // 次要信息/图标默认/主色悬浮色、链接悬浮色/主要按钮-hover/Focus背景色 - --tv-base-color-common-10: #333333; - --tv-base-color-common-11: #191919; // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标/主要按钮-背景色 + --tv-base-color-common-2: #f5f5f6; // 新区域组件-悬浮背景色 + --tv-base-color-common-3: #eef0f5; // 通用背景-页面背景色/ 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色 + --tv-base-color-common-4: #dfe1e6; // 白色背景分割线 /禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色 + --tv-base-color-common-5: #adb0b8; // 灰色标签背景色/轮播箭头悬浮色 + --tv-base-color-common-6: #8a8e99; // 开关组件“关”禁用背景色/ 禁用描边/ 灰色背景分割线 + --tv-base-color-common-7: #575d6c; // 选块悬浮色/页签禁用文字色/边框色（如下拉、输入框）/文字禁用/禁用图标 + --tv-base-color-common-8: #252b3a; // 弱化信息、说明文字 + --tv-base-color-common-9: #464c59; // 次要信息/图标默认/主色悬浮色、链接悬浮色/主要按钮-hover/Focus背景色 + --tv-base-color-common-10: #5c6173; + --tv-base-color-common-11: #282b33; // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标/主要按钮-背景色 --tv-base-color-common-12: #000000; /* 1.4 功能色 */ - --tv-base-color-success-1: #edf7df; - --tv-base-color-success-2: #daf2bb; - --tv-base-color-success-3: #b9e683; // 成功-按钮active、hover 颜色 - --tv-base-color-success-4: #9edb58; - --tv-base-color-success-5: #7dcc29; - --tv-base-color-success-6: #5cb300; // 成功-背景色/ 图标色/文本色 /进度条当前进度背景色 - --tv-base-color-success-7: #4b9902; - --tv-base-color-success-8: #3c8001; - --tv-base-color-success-9: #2e6600; - --tv-base-color-success-10: #1f4700; - --tv-base-color-success-11: #628c38; - --tv-base-color-success-12: #a2c777; - --tv-base-color-success-13: #d2e6b8; - --tv-base-color-success-14: #e6f2d5; // 成功-背景色/边框色 （这个不在规范色阶中） - - --tv-base-color-error-1: #fff1f0; // - --tv-base-color-error-2: #fce2e0; // 错误-边框色 /背景色 /错误校验背景色,设计稿用了这个#FCE3E1，但不在色阶中 - --tv-base-color-error-3: #faa7a3; // 错误-图标色、校验边框色/、悬浮菜单背景色 - --tv-base-color-error-4: #fa8682; // - --tv-base-color-error-5: #f76360; - --tv-base-color-error-6: #f23030; // 错误-文本色/交易金额色 / 紧急告警色 - --tv-base-color-error-7: #bf0a1c; - --tv-base-color-error-8: #a3171c; - --tv-base-color-error-9: #78080e; - --tv-base-color-error-10: #4d0005; - --tv-base-color-error-11: #a64242; - --tv-base-color-error-12: #f2c5c2; - --tv-base-color-error-13: #fce3e1; // 错误-背景色/错误校验背景色 （这个不在规范色阶中） - - --tv-base-color-warn-1: #fff4e8; - --tv-base-color-warn-2: #ffebd1; // 告警-背景色/边框色（浅） - --tv-base-color-warn-3: #fcd5a4; - --tv-base-color-warn-4: #fcbc72; - --tv-base-color-warn-5: #ff9a2e; - --tv-base-color-warn-6: #ff8800; // 告警-图标色/深色背景 /重要告警色 - --tv-base-color-warn-7: #d96900; // 优惠折扣功能色 ti-color-discount - --tv-base-color-warn-8: #a64d00; - --tv-base-color-warn-9: #733400; - --tv-base-color-warn-10: #4d2201; - --tv-base-color-warn-11: #9e6d3f; - --tv-base-color-warn-12: #d6a981; - --tv-base-color-warn-13: #f2d8c2; + --tv-base-color-success-1: #edfff9; + --tv-base-color-success-2: #cffcee; + --tv-base-color-success-3: #acf2dc; // 成功-按钮active、hover 颜色 + --tv-base-color-success-4: #8be8cb; + --tv-base-color-success-5: #6ddebb; + --tv-base-color-success-6: #50d4ab; // 成功-背景色/ 图标色/文本色 /进度条当前进度背景色 + --tv-base-color-success-7: #3ac295; + --tv-base-color-success-8: #27b080; + --tv-base-color-success-9: #169e6c; + --tv-base-color-success-10: #088c58; + --tv-base-color-success-11: #007a45; + + + --tv-base-color-error-1: #ffeceb; // + --tv-base-color-error-2: #ffd7d6; // 错误-边框色 /背景色 /错误校验背景色 + --tv-base-color-error-3: #ffbab8; // 错误-图标色、校验边框色/、悬浮菜单背景色 + --tv-base-color-error-4: #ffa6a3; // + --tv-base-color-error-5: #ff8985;// + --tv-base-color-error-6: #f66e6a; // 错误-文本色/交易金额色 / 紧急告警色 + --tv-base-color-error-7: #df514e; // + --tv-base-color-error-8: #c83737; // + --tv-base-color-error-9: #b02121; // + --tv-base-color-error-10: #971111; // + --tv-base-color-error-11: #810404; // + --tv-base-color-error-12: #c7000b; // + --tv-base-color-error-13: #d64a52; // 错误-背景色/错误校验背景色 + --tv-base-color-error-14:#b12220; // + + --tv-base-color-warn-1: #fff3e8; + --tv-base-color-warn-2: #ffe1c7; // 告警-背景色/边框色（浅） + --tv-base-color-warn-3: #ffd0a6; + --tv-base-color-warn-4: #ffbf85; + --tv-base-color-warn-5: #ffad63; + --tv-base-color-warn-6: #fa9841; // 告警-图标色/深色背景 /重要告警色 + --tv-base-color-warn-7: #e37d29; // 优惠折扣功能色 + --tv-base-color-warn-8: #cc6414; + --tv-base-color-warn-9: #b54e04; + --tv-base-color-warn-10: #9e3f00; + --tv-base-color-warn-11: #873400; + --tv-base-color-warn-secondary-1: #ffb700; // 次要告警色 黄色系 + --tv-base-color-warn-secondary-2:#fac20a; --tv-base-color-info-1: #f0f7ff; - --tv-base-color-info-2: #deecff; // 提示-背景色 / 边框色 - --tv-base-color-info-3: #b3d6ff; // 开关组件“开”禁用背景色 - --tv-base-color-info-4: #7eb7fc; - --tv-base-color-info-5: #4191fa; - --tv-base-color-info-6: #1476ff; // 提示-图标色 / 文本色 - --tv-base-color-info-7: #0f5ed4; - --tv-base-color-info-8: #0845a6; - --tv-base-color-info-9: #022e7a; - --tv-base-color-info-10: #001a4a; - --tv-base-color-info-11: #3d6899; - --tv-base-color-info-12: #7fa6d4; - --tv-base-color-info-13: #b6d4f2; + --tv-base-color-info-2: #e9edfa; // 提示-背景色 / 边框色 + --tv-base-color-info-3: #beccfa; // 开关组件“开”禁用背景色 + --tv-base-color-info-4: #96adfa; + --tv-base-color-info-5: #7693f5; + --tv-base-color-info-6: #5e7ce0; // 提示-图标色 / 文本色 + --tv-base-color-info-7: #526ecc; + --tv-base-color-info-8: #465eb8; + --tv-base-color-info-9: #3c51a6; + --tv-base-color-info-10: #344899; + --tv-base-color-info-11: #2a3c85; + /** 2. 公共色 **/ /** 2.2 提示类型组件 ----Alert组件、Modal（message）组件、Tag 标签组件、Notify 通知、错误校验等场景 **/ - --tv-color-success-text: var(--tv-base-color-success-6); // #5cb300 成功-文本色 - --tv-color-success-text-primary: var(--tv-base-color-common-11); // #191919 白色背景一级文本色 + --tv-color-success-text: var(--tv-base-color-success-6); // #50d4ab #3ac295成功-文本色 + --tv-color-success-text-primary: var(--tv-base-color-common-8); // #252b3a 白色背景一级文本色 --tv-color-success-text-white: var(--tv-base-color-common-1); // #fff 深彩色背景时为白色文本色 - --tv-color-success-bg: var(--tv-base-color-success-6); //#5cb300 成功-背景色(深) - --tv-color-success-bg-light: var(--tv-base-color-success-14); // #e6f2d5 成功-背景色(浅) + --tv-color-success-bg: var(--tv-base-color-success-6); //#50d4ab 成功-背景色(深) + --tv-color-success-bg-light: var(--tv-base-color-success-1); // #edfff9 成功-背景色(浅) --tv-color-success-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 （tag 是白色还是透明？） - --tv-color-success-border: var(--tv-base-color-success-6); // #5cb300 成功-边框色(深) - --tv-color-success-border-light: var(--tv-base-color-success-14); // #e6f2d5 成功-边框色（浅） - --tv-color-success-icon: var(--tv-base-color-success-6); // #5cb300 成功-图标色 + --tv-color-success-border: var(--tv-base-color-success-6); // #50d4ab 成功-边框色(深) + --tv-color-success-border-light: var(--tv-base-color-success-3); // #acf2dc 成功-边框色（浅） + --tv-color-success-icon: var(--tv-base-color-success-6); // #50d4ab 成功-图标色 - --tv-color-error-text: var(--tv-base-color-error-6); // #f23030 #f23030 错误-文本色/交易金额色 - --tv-color-error-text-primary: var(--tv-base-color-common-11); // #191919 白色背景一级文本色 + --tv-color-error-text: var(--tv-base-color-error-6); // #f66f6a 错误-文本色/交易金额色 + --tv-color-error-text-primary: var(--tv-base-color-common-8); // #252b3a 白色背景一级文本色 --tv-color-error-text-white: var(--tv-base-color-common-1); // #fff 深彩色背景时为白色文本色 - --tv-color-error-bg: var(--tv-base-color-error-6); // #f23030 #f23030 错误-背景色(深) - --tv-color-error-bg-light: var(--tv-base-color-error-13); // #fce3e1 错误-背景色(浅)/错误校验背景色 - --tv-color-error-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 （tag 是白色还是透明？） - --tv-color-error-border: var(--tv-base-color-error-6); // #f23030 #f23030 错误-边框色(深) - --tv-color-error-border-light: var(--tv-base-color-error-13); // #fce3e1 错误-边框色（浅） - --tv-color-error-icon: var(--tv-base-color-error-6); // #f23030 #f23030 错误-图标色 - - --tv-color-warn-text: var(--tv-base-color-warn-6); // #ff8800 告警-文本色 - --tv-color-warn-text-primary: var(--tv-base-color-common-11); // #191919 白色背景一级文本色 + --tv-color-error-bg: var(--tv-base-color-error-6); // #f66f6a 错误-背景色(深) + --tv-color-error-bg-light: var(--tv-base-color-error-1); // #ffeeed 错误-背景色(浅)/错误校验背景色 + --tv-color-error-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 + --tv-color-error-border: var(--tv-base-color-error-6); // #f66f6a 错误-边框色(深) + --tv-color-error-border-light: var(--tv-base-color-error-3); // #ffbcba 错误-边框色（浅） + --tv-color-error-icon: var(--tv-base-color-error-6); // #f66f6a 错误-图标色 + + --tv-color-warn-text: var(--tv-base-color-warn-7); // #e37d29 告警-文本色 + --tv-color-warn-text-primary: var(--tv-base-color-common-8); // #252b3a 白色背景一级文本色 --tv-color-warn-text-white: var(--tv-base-color-common-1); // #fff 深彩色背景时为白色文本色 - --tv-color-warn-bg: var(--tv-base-color-warn-6); // #ff8800 告警-背景色(深) - --tv-color-warn-bg-light: var(--tv-base-color-warn-2); // #ffebd1 告警-背景色(浅) - --tv-color-warn-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 （tag 是白色还是透明？） - --tv-color-warn-border: var(--tv-base-color-warn-6); // #ff8800 告警-边框色(深) - --tv-color-warn-border-light: var(--tv-base-color-warn-2); // #ffebd1 告警-边框色（浅） - --tv-color-warn-icon: var(--tv-base-color-warn-6); // #ff8800 告警-图标色 - - --tv-color-info-text: var(--tv-base-color-info-6); // #1476ff 信息-文本色 - --tv-color-info-text-primary: var(--tv-base-color-common-11); // #191919 白色背景一级文本色 + --tv-color-warn-bg: var(--tv-base-color-warn-6); // #fa9841 告警-背景色(深) + --tv-color-warn-bg-light: var(--tv-base-color-warn-1); // #fff3e8 告警-背景色(浅) + --tv-color-warn-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 + --tv-color-warn-border: var(--tv-base-color-warn-6); // #fa9841 告警-边框色(深) + --tv-color-warn-border-light: var(--tv-base-color-warn-3); // #ffd0a6 告警-边框色（浅） + --tv-color-warn-icon: var(--tv-base-color-warn-6); // #fa9841 告警-图标色 + + --tv-color-info-text: var(--tv-base-color-info-7); // #526ecc 信息-文本色 + --tv-color-info-text-primary: var(--tv-base-color-common-8); // #252b3a 白色背景一级文本色 --tv-color-info-text-white: var(--tv-base-color-common-1); // #fff 深彩色背景时为白色文本色 - --tv-color-info-bg: var(--tv-base-color-info-6); // #1476ff 信息-背景色(深) - --tv-color-info-bg-light: var(--tv-base-color-info-2); // #deecff 信息-背景色(浅) - --tv-color-info-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 （tag 是白色还是透明？） - --tv-color-info-border: var(--tv-base-color-info-6); // #1476ff 信息-边框色(深) - --tv-color-info-border-light: var(--tv-base-color-info-2); // #deecff 信息-边框色（浅） - --tv-color-info-icon: var(--tv-base-color-info-6); // #1476ff 信息-图标色 + --tv-color-info-bg: var(--tv-base-color-info-6); // #5e7ce0 信息-背景色(深) + --tv-color-info-bg-light: #ebf6ff; // #ebf6ff 信息-背景色(浅) (规范token中的颜色，又不在这个蓝色系的色阶中，主题部分等设计师帮忙整改） + --tv-color-info-bg-white: var(--tv-base-color-common-1); // #fff 白色背景色 + --tv-color-info-border: var(--tv-base-color-info-6); // #5e7ce0 信息-边框色(深) + --tv-color-info-border-light: var(--tv-base-color-info-3); // #beccfa 信息-边框色（浅） + --tv-color-info-icon: var(--tv-base-color-info-6); // #5e7ce0 信息-图标色 /** 2.3 交互类型颜色---- Button组件、Badge 标记、Link 文字链接 **/ /* 主要-primary */ - --tv-color-act-primary-text: var(--tv-base-color-brand); // #191919 主要文本色-1（品牌色）： 朴素/幽灵/纯文本/链接 - --tv-color-act-primary-text-hover: var(--tv-base-color-brand); // #191919 主要hover文本色-1 - --tv-color-act-primary-text-active: var(--tv-base-color-brand); // #191919 主要active文本色-1 + --tv-color-act-primary-text: var(--tv-base-color-brand-6); // #5e7ce0 主要文本色-1（品牌色）： 朴素/幽灵/纯文本/链接 + --tv-color-act-primary-text-hover: var(--tv-base-color-brand-6); // #5e7ce0 主要hover文本色-1 + --tv-color-act-primary-text-active: var(--tv-base-color-brand-6); // #5e7ce0 主要active文本色-1 --tv-color-act-primary-text-white: var(--tv-base-color-common-1); // #fff 主要文本色-2（白色） --tv-color-act-primary-text-white-hover: var(--tv-base-color-common-1); // #fff 主要hover文本色-2（白色） --tv-color-act-primary-text-white-active: var(--tv-base-color-common-1); // #fff 主要active文本色-2（白色） - --tv-color-act-primary-bg: var(--tv-base-color-brand); // #191919 主要背景色-1（品牌色）: 默认 - --tv-color-act-primary-bg-hover: var(--tv-base-color-common-9); // #595959 主要hover背景色-1 - --tv-color-act-primary-bg-active: var(--tv-base-color-common-9); // #595959 主要active背景色-1 + --tv-color-act-primary-bg: var(--tv-base-color-brand-6); // #5e7ce0 主要背景色-1（品牌色）: 默认 + --tv-color-act-primary-bg-hover: var(--tv-base-color-brand-5); // #7693f5 主要hover背景色-1 + --tv-color-act-primary-bg-active: var(--tv-base-color-brand-5); //#7693f5 主要active背景色-1 - --tv-color-act-primary-bg-white: var(--tv-base-color-common-1); // #fff 主要背景色-2（白）：朴素 - --tv-color-act-primary-bg-white-hover: var(--tv-base-color-common-1); // #fff 主要hover背景色-2（白色）： 朴素 - --tv-color-act-primary-bg-white-active: var(--tv-base-color-common-1); // 主要active背景色-2（白色）： 朴素 + --tv-color-act-primary-bg-white:var(--tv-base-color-brand-1); // #f2f5fc 主要背景色-2（白）：朴素 + --tv-color-act-primary-bg-white-hover: var(--tv-base-color-brand-6); // #5e7ce0 主要hover背景色-2（白色）： 朴素 + --tv-color-act-primary-bg-white-active: var(--tv-base-color-brand-6); //#5e7ce0 主要active背景色-2（白色）： 朴素 - --tv-color-act-primary-border: var(--tv-base-color-brand); // #191919 主要边框色-1 默认 - --tv-color-act-primary-border-hover: var(--tv-base-color-common-9); // #595959 主要hover边框色-1 - --tv-color-act-primary-border-active: var(--tv-base-color-common-9); // #595959 主要active边框色-1 + --tv-color-act-primary-border: var(--tv-base-color-brand-6); // #5e7ce0 主要边框色-1 默认 + --tv-color-act-primary-border-hover: var(--tv-base-color-brand-5); //#7693f5 主要hover边框色-1 + --tv-color-act-primary-border-active: var(--tv-base-color-brand-5); //#7693f5 主要active边框色-1 - --tv-color-act-primary-border-light: var(--tv-base-color-common-9); // #595959 幽灵/朴素 边框色-2 - --tv-color-act-primary-border-light-hover: var(--tv-base-color-common-1); // #fff 朴素hover边框色-2.1 - --tv-color-act-primary-border-light-active: var(--tv-base-color-common-1); // #fff 朴素active边框色-2.1 - --tv-color-act-primary-border-light-hover-1: var(--tv-base-color-common-7); // #c2c2c2 幽灵hover边框色-2.2 - --tv-color-act-primary-border-light-active-1: var(--tv-base-color-common-7); // #c2c2c2 幽灵active边框色-2.2 + --tv-color-act-primary-border-light: var(--tv-base-color-brand-6); // #5e7ce0 幽灵/朴素 边框色-2 + --tv-color-act-primary-border-light-hover: var(--tv-base-color-brand-3); // #beccfa 朴素hover边框色-2.1 + --tv-color-act-primary-border-light-active: var(--tv-base-color-brand-3); // #beccfa 朴素active边框色-2.1 + --tv-color-act-primary-border-light-hover-1: var(--tv-base-color-brand-3); // #beccfa 幽灵hover边框色-2.2 + --tv-color-act-primary-border-light-active-1: var(--tv-base-color-brand-3); // #beccfa 幽灵active边框色-2.2 /* 成功-success */ - --tv-color-act-success-text: var(--tv-base-color-success-6); // #5cb300 成功文本色-1（成功主色）： 朴素/幽灵/纯文本/链接 - --tv-color-act-success-text-hover: var(--tv-base-color-success-6); // #5cb300 成功hover文本色-1 - --tv-color-act-success-text-active: var(--tv-base-color-success-6); // #5cb300 成功active文本色-1 + --tv-color-act-success-text: var(--tv-base-color-success-6); // #50d4ab 成功文本色-1（成功主色）： 朴素/幽灵/纯文本/链接 + --tv-color-act-success-text-hover: var(--tv-base-color-success-6); // #50d4ab 成功hover文本色-1 + --tv-color-act-success-text-active: var(--tv-base-color-success-6); // #50d4ab 成功active文本色-1 --tv-color-act-success-text-white: var(--tv-base-color-common-1); // #fff 成功文本色-2（白色）：默认 --tv-color-act-success-text-white-hover: var(--tv-base-color-common-1); // #fff 成功hover文本色-2（白色） --tv-color-act-success-text-white-active: var(--tv-base-color-common-1); // #fff 成功active文本色-2（白色） - --tv-color-act-success-bg: var(--tv-base-color-success-6); // #5cb300 成功背景色-1（品牌色）：默认 - --tv-color-act-success-bg-hover: var(--tv-base-color-success-5); // #7dcc29 成功hover背景色-1 - --tv-color-act-success-bg-active: var(--tv-base-color-success-5); // #7dcc29 成功active背景色-1 + --tv-color-act-success-bg: var(--tv-base-color-success-6); // #50d4ab 成功背景色-1（品牌色）：默认 + --tv-color-act-success-bg-hover: var(--tv-base-color-success-5); // #acf2dc 成功hover背景色-1 + --tv-color-act-success-bg-active: var(--tv-base-color-success-5); // #acf2dc 成功active背景色-1 --tv-color-act-success-bg-light: var(--tv-base-color-success-1); // #edf7df 成功背景色-1（品牌色）：朴素 - --tv-color-act-success-bg-light-hover: var(--tv-base-color-success-1); // #edf7df 成功hover背景色-1 - --tv-color-act-success-bg-light-active: var(--tv-base-color-success-1); // #edf7df 成功active背景色-1 + --tv-color-act-success-bg-light-hover: var(--tv-base-color-success-6); // #50d4ab 成功hover背景色-1 + --tv-color-act-success-bg-light-active: var(--tv-base-color-success-6); // #50d4ab 成功active背景色-1 - --tv-color-act-success-border: var(--tv-base-color-success-6); // #5cb300 成功边框色-1：默认 / 幽灵 - --tv-color-act-success-border-hover: var(--tv-base-color-success-5); // #7dcc29 成功hover边框色-1.1 - --tv-color-act-success-border-active: var(--tv-base-color-success-5); // #7dcc29 成功active边框色-1.1 + --tv-color-act-success-border: var(--tv-base-color-success-6); // #50d4ab 成功边框色-1：默认 / 幽灵 + --tv-color-act-success-border-hover: var(--tv-base-color-success-5); //#edf7df 成功hover边框色-1.1 + --tv-color-act-success-border-active: var(--tv-base-color-success-5); //#edf7df 成功active边框色-1.1 --tv-color-act-success-border-hover-1: var(--tv-base-color-success-2); // #daf2bb 成功hover边框色-1.2 - --tv-color-act-success-border-active-1: var(--tv-base-color-success-2); // #daf2bb 成功active边框色-1.2 + --tv-color-act-success-border-active-1: var(--tv-base-color-success-3); // #acf2dc 成功active边框色-1.2 - --tv-color-act-success-border-light: var(--tv-base-color-success-2); // #daf2bb 成功边框色-2:朴素 + --tv-color-act-success-border-light: var(--tv-base-color-success-6); // #daf2bb 成功边框色-2:朴素 --tv-color-act-success-border-light-hover: var(--tv-base-color-success-1); // #edf7df 成功hover边框色 --tv-color-act-success-border-light-active: var(--tv-base-color-success-1); // #edf7df 成功active边框色 /* 告警-warning */ - --tv-color-act-warning-text: var(--tv-base-color-warn-6); // #ff8800 告警文本色-1（告警主色）：朴素/幽灵/纯文本/链接 - --tv-color-act-warning-text-hover: var(--tv-base-color-warn-6); // #ff8800 告警hover文本色-1 - --tv-color-act-warning-text-active: var(--tv-base-color-warn-6); // #ff8800 告警active文本色-1 + --tv-color-act-warning-text: var(--tv-base-color-warn-7); // #e37d29 告警文本色-1（告警主色）：朴素/幽灵/纯文本/链接 + --tv-color-act-warning-text-hover: var(--tv-base-color-warn-7); // #e37d29 告警hover文本色-1 + --tv-color-act-warning-text-active: var(--tv-base-color-warn-7); // #e37d29 告警active文本色-1 --tv-color-act-warning-text-white: var(--tv-base-color-common-1); // #fff 告警文本色-2（白色）：默认 --tv-color-act-warning-text-white-hover: var(--tv-base-color-common-1); // #fff 告警hover文本色-2（白色） @@ -207,8 +203,8 @@ --tv-color-act-warning-bg-active: var(--tv-base-color-warn-5); //#ff9a2e 告警active背景色-1 --tv-color-act-warning-bg-light: var(--tv-base-color-warn-1); // #fff4e8 告警背景色-1（告警主色衍生色）：朴素 - --tv-color-act-warning-bg-light-hover: var(--tv-base-color-warn-1); // #fff4e8 告警hover背景色-1 - --tv-color-act-warning-bg-light-active: var(--tv-base-color-warn-1); // #fff4e8 告警active背景色-1 + --tv-color-act-warning-bg-light-hover: var(--tv-base-color-warn-6); // #fa9841 告警hover背景色-1 + --tv-color-act-warning-bg-light-active: var(--tv-base-color-warn-6); // #fa9841 告警active背景色-1 --tv-color-act-warning-border: var(--tv-base-color-warn-6); // #ff8800 告警边框色-1：默认 / 幽灵 --tv-color-act-warning-border-hover: var(--tv-base-color-warn-5); //#ff9a2e 告警hover边框色-1.1 @@ -216,140 +212,147 @@ --tv-color-act-warning-border-hover-1: var(--tv-base-color-warn-2); //#ffebd1 告警幽灵hover边框色-1.2 --tv-color-act-warning-border-active-1: var(--tv-base-color-warn-2); //#ffebd1 告警幽灵active边框色-1.2 - --tv-color-act-warning-border-light: var(--tv-base-color-warn-2); //#ffebd1 告警边框色-2：朴素 + --tv-color-act-warning-border-light: var(--tv-base-color-warn-6); //#ffebd1 告警边框色-2：朴素 --tv-color-act-warning-border-light-hover: var(--tv-base-color-warn-1); // #fff4e8 告警hover边框色 --tv-color-act-warning-border-light-active: var(--tv-base-color-warn-1); // #fff4e8 告警active边框色 /* 危险-danger */ - --tv-color-act-danger-text: var(--tv-base-color-error-6); // #f23030 危险文本色-1（成功主色）：朴素/幽灵/纯文本/链接 - --tv-color-act-danger-text-hover: var(--tv-base-color-error-6); // #f23030 #f23030 危险hover文本色-1 - --tv-color-act-danger-text-active: var(--tv-base-color-error-6); // #f23030 #f23030 危险active文本色-1 + --tv-color-act-danger-text: var(--tv-base-color-error-12); // #c7000b 危险文本色-1（成功主色）：朴素/幽灵/纯文本/链接 + --tv-color-act-danger-text-hover: var(--tv-base-color-error-12); // #c7000b 危险hover文本色-1 + --tv-color-act-danger-text-active: var(--tv-base-color-error-12); // #c7000b 危险active文本色-1 --tv-color-act-danger-text-white: var(--tv-base-color-common-1); // #fff 危险文本色-2（白色）：默认 --tv-color-act-danger-text-white-hover: var(--tv-base-color-common-1); // #fff 危险hover文本色-2（白色） --tv-color-act-danger-text-white-active: var(--tv-base-color-common-1); // #fff 危险active文本色-2（白色） - --tv-color-act-danger-bg: var(--tv-base-color-error-6); // #f23030 #f23030 危险背景色-1（成功主色）：默认 - --tv-color-act-danger-bg-hover: var(--tv-base-color-error-5); // #f76360 危险hover背景色-1 - --tv-color-act-danger-bg-active: var(--tv-base-color-error-5); // #f76360 危险active背景色-1 + --tv-color-act-danger-bg: var(--tv-base-color-error-12); // #c7000b 危险背景色-1（成功主色）：默认 + --tv-color-act-danger-bg-hover: var(--tv-base-color-error-13); // #d64a52 危险hover背景色-1 + --tv-color-act-danger-bg-active: var(--tv-base-color-error-14); // #b12220 危险active背景色-1 --tv-color-act-danger-bg-light: var(--tv-base-color-error-1); // #fff1f0 危险背景色-2（成功主色衍生色）：朴素 - --tv-color-act-danger-bg-light-hover: var(--tv-base-color-error-1); // #fff1f0 危险hover背景色-1 - --tv-color-act-danger-bg-light-active: var(--tv-base-color-error-1); // #fff1f0 危险active背景色-1 + --tv-color-act-danger-bg-light-hover: var(--tv-base-color-error-12); // #c7000b 危险hover背景色-1 + --tv-color-act-danger-bg-light-active: var(--tv-base-color-error-12); // #c7000b 危险active背景色-1 - --tv-color-act-danger-border: var(--tv-base-color-error-6); // #f23030 #f23030 危险边框色-1：默认 / 幽灵 - --tv-color-act-danger-border-hover: var(--tv-base-color-error-5); // #f76360 危险hover边框色-1.1 - --tv-color-act-danger-border-active: var(--tv-base-color-error-5); // #f76360 危险active边框色-1.1 - --tv-color-act-danger-border-hover-1: var(--tv-base-color-error-2); // #fce2e0 危险hover边框色-1.2 - --tv-color-act-danger-border-active-1: var(--tv-base-color-error-2); // #fce2e0 危险active边框色-1.2 + --tv-color-act-danger-border: var(--tv-base-color-error-12); // #c7000b 危险边框色-1：默认 / 幽灵 + --tv-color-act-danger-border-hover: var(--tv-base-color-error-13); // #d64a52 危险hover边框色-1.1 + --tv-color-act-danger-border-active: var(--tv-base-color-error-13); // #d64a52 危险active边框色-1.1 + --tv-color-act-danger-border-hover-1:var(--tv-base-color-error-3); // #ffbab8 危险hover边框色-1.2 + --tv-color-act-danger-border-active-1: var(--tv-base-color-error-3); //#ffbab8 危险active边框色-1.2 - --tv-color-act-danger-border-light: var(--tv-base-color-error-2); // #fce2e0 危险边框色-2：朴素 - --tv-color-act-danger-border-light-hover: var(--tv-base-color-error-1); // #fff1f0 危险hover边框色 - --tv-color-act-danger-border-light-active: var(--tv-base-color-error-1); // #fff1f0 危险active边框色 + --tv-color-act-danger-border-light: var(--tv-base-color-error-12); // #c7000b 危险边框色-2：朴素 + --tv-color-act-danger-border-light-hover: var(--tv-base-color-error-1); // #ffeceb 危险hover边框色 + --tv-color-act-danger-border-light-active: var(--tv-base-color-error-1); // #ffeceb 危险active边框色 /* 信息-info */ - --tv-color-act-info-text: var(--tv-base-color-info-6); // #1476ff 信息文本色-1（信息主色）：朴素/幽灵/纯文本/链接 - --tv-color-act-info-text-hover: var(--tv-base-color-info-6); // #1476ff 信息hover文本色-1 - --tv-color-act-info-text-active: var(--tv-base-color-info-6); // #1476ff 信息active文本色-1 + --tv-color-act-info-text: var(--tv-base-color-info-7);// 信息文本色-1（信息主色）：朴素/幽灵/纯文本/链接 + --tv-color-act-info-text-hover: var(--tv-base-color-info-7); // #5e7ce0 信息hover文本色-1 + --tv-color-act-info-text-active: var(--tv-base-color-info-7); // #5e7ce0 信息active文本色-1 --tv-color-act-info-text-white: var(--tv-base-color-common-1); // #fff 信息文本色-2（白色）：默认 --tv-color-act-info-text-white-hover: var(--tv-base-color-common-1); // #fff 信息hover文本色-2（白色） --tv-color-act-info-text-white-active: var(--tv-base-color-common-1); // #fff 信息active文本色-2（白色） - --tv-color-act-info-bg: var(--tv-base-color-info-6); // #1476ff 信息背景色-1（信息主色）：默认 - --tv-color-act-info-bg-hover: var(--tv-base-color-info-5); // #4191fa 信息hover背景色-1 - --tv-color-act-info-bg-active: var(--tv-base-color-info-5); // #4191fa 信息active背景色-1 + --tv-color-act-info-bg: var(--tv-base-color-info-6);// 信息背景色-1（信息主色）：默认 + --tv-color-act-info-bg-hover: var(--tv-base-color-info-6); // #5e7ce0 信息hover背景色-1 + --tv-color-act-info-bg-active: var(--tv-base-color-info-6); // #5e7ce0 信息active背景色-1 - --tv-color-act-info-bg-light: var(--tv-base-color-info-1); // #f0f7ff 信息背景色-1（信息主色衍生色）：朴素 - --tv-color-act-info-bg-light-hover: var(--tv-base-color-info-1); // #f0f7ff 信息hover背景色-1 - --tv-color-act-info-bg-light-active: var(--tv-base-color-info-1); // #f0f7ff 信息active背景色-1 + --tv-color-act-info-bg-light: var(--tv-base-color-info-1);// #f0f7ff 信息背景色-1（信息主色衍生色）：朴素 + --tv-color-act-info-bg-light-hover: var(--tv-base-color-info-6); // #526ecc 信息hover背景色-1 + --tv-color-act-info-bg-light-active: var(--tv-base-color-info-6); // #526ecc 信息active背景色-1 - --tv-color-act-info-border: var(--tv-base-color-info-6); // #1476ff 信息边框色-1：默认 / 幽灵 - --tv-color-act-info-border-hover: var(--tv-base-color-info-5); // #4191fa 信息hover边框色-1.1 - --tv-color-act-info-border-active: var(--tv-base-color-info-5); // #4191fa 信息active边框色-1.1 - --tv-color-act-info-border-hover-1: var(--tv-base-color-info-2); // #deecff 信息hover边框色-1.2：幽灵 - --tv-color-act-info-border-active-1: var(--tv-base-color-info-2); // #deecff 信息active边框色-1.2 + --tv-color-act-info-border:var(--tv-base-color-brand-6);// 信息边框色-1：默认 / 幽灵 + --tv-color-act-info-border-hover: var(--tv-base-color-brand-6); //#5e7ce0 信息hover边框色-1.1 + --tv-color-act-info-border-active: var(--tv-base-color-brand-6); //#5e7ce0 信息active边框色-1.1 + --tv-color-act-info-border-hover-1: var(--tv-base-color-info-3); // #beccfa 信息hover边框色-1.2：幽灵 + --tv-color-act-info-border-active-1: var(--tv-base-color-info-3); // #beccfa 信息active边框色-1.2 - --tv-color-act-info-border-light: var(--tv-base-color-info-2); // #deecff 信息边框色-2：朴素 + --tv-color-act-info-border-light: var(--tv-base-color-info-6);// 信息边框色-2：朴素 --tv-color-act-info-border-light-hover: var(--tv-base-color-info-1); // #f0f7ff 信息hover边框色 --tv-color-act-info-border-light-active: var(--tv-base-color-info-1); // #f0f7ff 信息active边框色 /** 2.4 文本色 **/ - --tv-color-text: var(--tv-base-color-common-11); // #191919 一级文本色-正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标 - --tv-color-text-secondary: var(--tv-base-color-common-9); // #595959 二级文本色-次要信息 - --tv-color-text-weaken: var(--tv-base-color-common-8); // #808080 三级文本色-弱化信息、说明文字 - --tv-color-text-placeholder: var(--tv-base-color-common-8); // #808080 占位文本色 - --tv-color-text-disabled: var(--tv-base-color-common-7); // #c2c2c2 禁用文本色 - --tv-color-text-active: var(--tv-base-color-brand-6); // #1476ff 选中文本色 / 文本高亮色（搜索关键字高亮） - --tv-color-text-important: var(--tv-base-color-common-11); // #191919 重要文本色-文本_金额 + --tv-color-text: var(--tv-base-color-common-8); // #252b3a 一级文本色-正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标 + --tv-color-text-secondary: var(--tv-base-color-common-7); // #575d6c 二级文本色-次要信息 + --tv-color-text-weaken: var(--tv-base-color-common-6); // #8a8e99 三级文本色-弱化信息、说明文字 + --tv-color-text-placeholder: var(--tv-base-color-common-5); // #adb0b8 占位文本色 + --tv-color-text-disabled: var(--tv-base-color-common-5); // #adb0b8 禁用文本色 + --tv-color-text-active: var(--tv-base-color-brand-7); // #526ecc 选中文本色 / 文本高亮色（搜索关键字高亮） + --tv-color-text-important: var(--tv-base-color-error-7); // #df514e 重要文本色-文本_金额 --tv-color-text-white: var(--tv-base-color-common-1); // #fff 深色背景上-文本色 - --tv-color-text-link: var(--tv-base-color-brand-6); // #1476ff 链接色（链接按钮） - --tv-color-text-link-hover: var(--tv-base-color-brand-6); // #1476ff 链接悬浮色 + --tv-color-text-link: var(--tv-base-color-brand-7); // #526ecc 链接色（链接按钮） + --tv-color-text-link-hover: var(--tv-base-color-brand-10); // #344899 链接悬浮色 + --tv-color-text-darbg: var(--tv-base-color-common-5); // 深色背景文本色，顶级导航/一级tab文本色 /** 2.5 图标色 **/ - --tv-color-icon: var(--tv-base-color-common-8); // #808080 默认图标色 - --tv-color-icon-hover: var(--tv-base-color-common-11); // #191919 图标悬浮色 - --tv-color-icon-active: var(--tv-base-color-common-11); // #191919 图标激活色 - --tv-color-icon-disabled: var(--tv-base-color-common-7); // #c2c2c2 图标禁用色 - --tv-color-icon-checked-disabled:var(--tv-base-color-common-6); // #dbdbdb 图标禁用色-1 checkbox选中且禁用 - --tv-color-icon-control: var(--tv-base-color-brand); // #191919 图标按钮 / 图标+文本按钮图标色,主要在按钮场景（稳定态图标色， hover时不用变化） - --tv-color-icon-control-active: var(--tv-base-color-brand-6); // #1476ff 控件图标激活色，主要在checkbox、radio图标激活场景 - --tv-color-icon-control-disabled: var(--tv-base-color-common-6); // #dbdbdb 控件图标禁用色，主要在checkbox、radio图标激活场景 + --tv-color-icon: var(--tv-base-color-common-7); // #575d6c 默认图标色 + --tv-color-icon-hover: var(--tv-base-color-brand-6); // #5e7ce0 图标悬浮色 + --tv-color-icon-active: var(--tv-base-color-brand-6); // #5e7ce0 图标激活色 + --tv-color-icon-disabled: var(--tv-base-color-common-5); // #adb0b8 图标禁用色 + --tv-color-icon-checked-disabled:var(--tv-base-color-common-5); // #adb0b8 图标禁用色-1 checkbox选中且禁用 + --tv-color-icon-control: var(--tv-base-color-common-8); // #252b3a 图标按钮 / 图标+文本按钮图标色,主要在按钮场景（稳定态图标色， hover时不用变化） + --tv-color-icon-control-active: var(--tv-base-color-brand-6); // #5e7ce0 控件图标激活色，主要在checkbox、radio图标激活场景 + --tv-color-icon-control-disabled: var(--tv-base-color-common-5); // #adb0b8 控件图标禁用色，主要在checkbox、radio图标激活场景 --tv-color-icon-white: var(--tv-base-color-common-1); // #fff 深色背景白色图标 - --tv-color-icon-link: var(--tv-base-color-brand-6); // #1476ff 链接图标色 - --tv-color-icon-warn-secondary: var(--tv-base-color-warn-secondary-1); // #ffb700 次要警告图标色 / 评分组件rate-图标色/状态图标-异常 + --tv-color-icon-link: var(--tv-base-color-brand-7); // #526ecc 链接图标色 + --tv-color-icon-warn-secondary: var(--tv-base-color-warn-secondary-2); // #fac20a 次要警告图标色 / 评分组件rate-图标色/状态图标-异常 + /** 2.6 背景色 **/ /* 2.6.1 常态 */ - --tv-color-bg: var(--tv-base-color-common-3); // #f5f5f5 通用背景色 /选块的默认背景颜色、滑块手柄的背景颜色/表格表头/穿梭框头部背景颜色/下拉搜索的背景、折叠面板背景色 - --tv-color-bg-primary: var(--tv-base-color-brand); // #191919 主要背景色（品牌色）：slider/step/流程图 + --tv-color-bg: var(--tv-base-color-common-3); // #eef0f5 通用背景色 /选块的默认背景颜色、滑块手柄的背景颜色/表格表头/穿梭框头部背景颜色/下拉搜索的背景、折叠面板背景色 + --tv-color-bg-primary: var(--tv-base-color-brand); // #5e7ce0主要背景色（品牌色）：slider/step/流程图 --tv-color-bg-secondary: var(--tv-base-color-common-1); // #fff 次要背景色（白色）：// 输入框背景/默认按钮背景/折叠面板头部背景色/下拉面板背景色 - --tv-color-bg-control: var(--tv-base-color-common-7); // #c2c2c2 单选/复选/开关/滑块默认背景色 - --tv-color-bg-control-unactive: var(--tv-base-color-common-7); // #c2c2c2 开关组件-关闭状态-背景色 + --tv-color-bg-control: var(--tv-base-color-common-5); // #adb0b8 单选/复选/开关/滑块默认背景色 + --tv-color-bg-control-unactive:var(--tv-base-color-common-5); // #adb0b8 开关组件-关闭状态-背景色 --tv-color-bg-gray-1: var(--tv-base-color-common-2); // #fafafa 灰色背景-1：灰色卡片背景色/表格下展背景色 - --tv-color-bg-gray-2: var(--tv-base-color-common-5); // #e6e6e6 灰色背景-2灰色标签背景色 + --tv-color-bg-gray-2: var(--tv-base-color-common-3); // #e6e6e6 灰色背景-2灰色标签背景色 --tv-color-bg-header: var(--tv-base-color-common-4); // #f0f0f0 表头背景色(如果只有表格使用，就转成组件级变量） --tv-color-bg-mask: rgba(0, 0, 0, 30%); // 遮罩层带有透明度的背景色 + --tv-color-bg-dark:var(--tv-base-color-common-9); // #464c59 深色背景色 顶部导航/ 深色tab/深色提示背景色 + /* 2.6.2 禁用 */ - --tv-color-bg-disabled: var(--tv-base-color-common-4); // #f0f0f0 禁用背景色 - --tv-color-bg-disabled-control-checked: var(--tv-base-color-common-6); // #dbdbdb 深色背景禁用色，控件选中状态下的禁用背景色 - --tv-color-bg-disabled-control-unactive: var(--tv-base-color-common-6); // #dbdbdb 开关组件“关”禁用背景色 - --tv-color-bg-disabled-control-active: var(--tv-base-color-brand-3); // #b3d6ff 深色背景禁用色，开关组件“开”禁用背景色 + --tv-color-bg-disabled: var(--tv-base-color-common-2); // #f5f5f6 禁用背景色 + --tv-color-bg-disabled-control-checked: var(--tv-base-color-common-4); // #dbdbdb 深色背景禁用色，控件选中状态下的禁用背景色 + --tv-color-bg-disabled-control-unactive:var(--tv-base-color-common-4) ; // #dfe1e6 开关组件“关”禁用背景色 + --tv-color-bg-disabled-control-active: var(--tv-base-color-brand-3); // #beccfa 深色背景禁用色，开关组件“开”禁用背景色 /* 2.6.3 悬浮 */ - --tv-color-bg-hover: var(--tv-base-color-common-3); // #f5f5f5 浅背景-悬浮色 - --tv-color-bg-hover-primary: var(--tv-base-color-common-9); // #595959 一级tab页签背景-悬浮色 /分页hover背景颜色 /灰色悬浮背景色：表格悬浮、下拉悬浮、左侧导航悬浮 + --tv-color-bg-hover: var(--tv-base-color-brand-1); // #f2f5fc 浅背景-悬浮色 + --tv-color-bg-hover-primary: var(--tv-base-color-common-10); // #5c6173 一级tab页签背景-悬浮色 /分页hover背景颜色 /灰色悬浮背景色：表格悬浮、下拉悬浮、左侧导航悬浮 --tv-color-bg-hover-secondary: var(--tv-base-color-common-1); // #fff 次要背景色悬浮色 / 穿梭框头部/折叠面板背景色 - --tv-color-bg-hover-1: var(--tv-base-color-brand-2); // #deecff 浅蓝色场景：悬浮背景色-日期悬浮 /选块悬浮态背景色 + --tv-color-bg-hover-1: var(--tv-base-color-brand-1); // #f2f5fc 浅蓝色场景：悬浮背景色-日期悬浮 /选块悬浮态背景色 --tv-color-bg-hover-2: var(--tv-base-color-common-5); // #e6e6e6 轮播箭头背景悬浮色 --tv-color-bg-hover-3: var(--tv-base-color-brand-1); // #f0f7ff 悬浮背景色 + --tv-color-bg-hover-dark:var(--tv-base-color-common-10); // #5c6173 深色背景悬浮色 /* 2.6.4 active/选中 */ - --tv-color-bg-active: var(--tv-base-color-common-3); // #f5f5f5 分页选中背景色/左侧导航选中背景色 - --tv-color-bg-active-control: var(--tv-base-color-brand-6); // #1476ff 主色蓝，单选/复选选中背景色、开关开的背景色、选块点击背景色、滑块选中背景色、价格曲线、区域选择选中的背景色 - --tv-color-bg-active-primary: var(--tv-base-color-brand); // #191919 品牌色，锚点-当前位置的圆点背景色/leftmenuthin左侧导航收起图标选中的背景色、NPS评分选中背景色 - --tv-color-bg-active-secondary: var(--tv-base-color-common-1); // #fff 次要背景色active色/下拉选中的背景色/一级tab页签背景-选中色/树控件选中背景颜色 - --tv-color-bg-active-emphasize: var(--tv-base-color-brand-2); // #deecff 时间选择选中背景色 + --tv-color-bg-active: var(--tv-base-color-brand); // #5e7ce0 分页选中背景色/左侧导航选中背景色 + --tv-color-bg-active-control: var(--tv-base-color-brand); // #5e7ce0 主色蓝，单选/复选选中背景色、开关开的背景色、选块点击背景色、滑块选中背景色、价格曲线、区域选择选中的背景色 + --tv-color-bg-active-primary: var(--tv-base-color-brand); // #5e7ce0 品牌色，锚点-当前位置的圆点背景色/leftmenuthin左侧导航收起图标选中的背景色、NPS评分选中背景色 + --tv-color-bg-active-secondary: var(--tv-base-color-common-5); // #adb0b8 次要背景色active色/下拉选中的背景色/一级tab页签背景-选中色/树控件选中背景颜色 + --tv-color-bg-active-emphasize: var(--tv-base-color-brand); // #5e7ce0 时间选择选中背景色 --tv-color-bg-active-emphasize-light: var(--tv-base-color-brand-1); // #f0f7ff 表格选中背景色 + --tv-color-bg-active-secondary: var(--tv-base-color-common-1); // #fff 次要背景激活色 + --tv-color-bg-active-dark:var(--tv-base-color-common-3); // #eef0f5 深色背景色激活色 /** 2.7 边框色/分割线颜色 **/ /* 2.7.1 边框 */ - --tv-color-border: var(--tv-base-color-common-7); // #c2c2c2 线条-正常色 - --tv-color-border-hover: var(--tv-base-color-brand); // #191919 线条悬浮色 - --tv-color-border-active: var(--tv-base-color-brand); // #191919 线条active色 - --tv-color-border-active-control: var(--tv-base-color-brand-6); // #1476ff 主色蓝，单选/复选选中的边框色 - --tv-color-border-disabled: var(--tv-base-color-common-6); // #dbdbdb 线条禁用色 - --tv-color-border-secondary: var(--tv-base-color-common-9); // #595959 线条-次要色：次要按钮边框默认色 - --tv-color-border-ghost: var(--tv-base-color-common-8); // #808080 - --tv-color-border-ghost-active: var(--tv-base-color-common-6); // #dbdbdb + --tv-color-border: var(--tv-base-color-common-5); // #adb0b8 线条-正常色 + --tv-color-border-hover: var(--tv-base-color-common-7); // #575d6c 线条悬浮色 + --tv-color-border-active: var(--tv-base-color-brand); // #5e7ce0 线条active色 + --tv-color-border-active-control: var(--tv-base-color-brand-6); // #5e7ce0 主色蓝，单选/复选选中的边框色 + --tv-color-border-disabled: var(--tv-base-color-common-4); // #dfe1e6 线条禁用色 + --tv-color-border-secondary: var(--tv-base-color-common-5); // #adb0b8 线条-次要色：次要按钮边框默认色 + --tv-color-border-ghost: var(--tv-base-color-common-5); // #adb0b8 + --tv-color-border-ghost-active: var(--tv-base-color-common-4); // #dbdbdb /* 2.7.2 分割线 */ - --tv-color-border-divider: var(--tv-base-color-common-4); // #f0f0f0 分割线1（较长分割线场景） - --tv-color-border-divider-short: var(--tv-base-color-common-6); // #dbdbdb 分割线2（较短分割线场景） + --tv-color-border-divider: var(--tv-base-color-common-4); // #dfe1e6 分割线1（较长分割线场景） + --tv-color-border-divider-short: var(--tv-base-color-common-4); // #dfe1e6 分割线2（较短分割线场景） /** 3. 字体变量 **/ @@ -363,6 +366,7 @@ --tv-font-size-lg: 16px; --tv-font-size-xl: 18px; --tv-font-size-xxl: 20px; + --tv-font-size-default:var(--tv-font-size-sm); --tv-font-size-heading-xs: 16px; // 卡片标题 --tv-font-size-heading-sm: 18px; // 页面标题 @@ -385,6 +389,7 @@ --tv-border-radius-md: 6px; // 默认 --tv-border-radius-lg: 8px; --tv-border-radius-round: 999px; // 50% 会造成椭圆，避免使用。 999px是 tiny3的做法。 + --tv-border-radius-default:var(--tv-border-radius-xs); /** 5. 边框 **/ --tv-border-width: 1px; @@ -408,9 +413,10 @@ --tv-size-height-md: 32px; // medium 尺寸 - 默认 --tv-size-height-lg: 40px; // large 尺寸 --tv-size-height-xl: 48px; // xLarge 尺寸 + --tv-size-height-default:var(--tv-size-height-sm); /** 7.2 图标大小 width, height **/ - --tv-icon-size: 16px; + --tv-icon-size: 14px; /** 8. 阴影变量 box-shadow **/ --tv-shadow-0: 0 4px 16px 0 rgba(0, 0, 0, 0.08); // 页面布局容器组件（layout-section）阴影 @@ -421,20 +427,20 @@ --tv-shadow-1-left: -1px 0 4px 0 rgba(0, 0, 0, 0.08); --tv-shadow-1-right: 1px 0 4px 0 rgba(0, 0, 0, 0.08); // 手风琴（leftmenu） - --tv-shadow-2-up: 0 -2px 12px 0 rgba(0, 0, 0, 0.16); - --tv-shadow-2-down: 0 2px 12px 0 rgba(0, 0, 0, 0.16); // tips提示、扩展视图 - --tv-shadow-2-left: -2px 0 12px 0 rgba(0, 0, 0, 0.16); - --tv-shadow-2-right: 2px 0 12px 0 rgba(0, 0, 0, 0.16); + --tv-shadow-2-up: 0 -2px 8px 0 rgba(0, 0, 0, 0.16); + --tv-shadow-2-down: 0 2px 8px 0 rgba(0, 0, 0, 0.16); // tips提示、扩展视图 + --tv-shadow-2-left: -2px 0 8px 0 rgba(0, 0, 0, 0.16); + --tv-shadow-2-right: 2px 0 8px 0 rgba(0, 0, 0, 0.16); --tv-shadow-3-up: 0 -4px 16px 0 rgba(0, 0, 0, 0.08); --tv-shadow-3-down: 0 4px 16px 0 rgba(0, 0, 0, 0.08); // 卡片hover/选中、下拉面板 --tv-shadow-3-left: -4px 0 16px 0 rgba(0, 0, 0, 0.08); --tv-shadow-3-right: 4px 0 16px 0 rgba(0, 0, 0, 0.08); - --tv-shadow-4-up: 0 -8px 24px 0 rgba(0, 0, 0, 0.16); - --tv-shadow-4-down: 0 8px 24px 0 rgba(0, 0, 0, 0.16); // 弹窗、气泡确认框 - --tv-shadow-4-left: -8px 0 24px 0 rgba(0, 0, 0, 0.16); // 右侧抽屉 - --tv-shadow-4-right: 8px 0 24px 0 rgba(0, 0, 0, 0.16); + --tv-shadow-4-up: 0 -8px 40px 0 rgba(0, 0, 0, 0.16); + --tv-shadow-4-down: 0 8px 40px 0 rgba(0, 0, 0, 0.16); // 弹窗、气泡确认框 + --tv-shadow-4-left: -8px 0 40px 0 rgba(0, 0, 0, 0.16); // 右侧抽屉 + --tv-shadow-4-right: 8px 0 40px 0 rgba(0, 0, 0, 0.16); /** 9. 滚动条变量 **/ --tv-size-scrollbar-width: 8px; // 滚动条宽度 diff --git a/packages/theme/src/base/vars.less b/packages/theme/src/base/vars.less index 78ce6350f4..0c9020c84a 100644 --- a/packages/theme/src/base/vars.less +++ b/packages/theme/src/base/vars.less @@ -312,6 +312,8 @@ --tv-color-bg-gray-2: var(--tv-base-color-common-5); // #e6e6e6 灰色背景-2灰色标签背景色 --tv-color-bg-header: var(--tv-base-color-common-4); // #f0f0f0 表头背景色(如果只有表格使用，就转成组件级变量） --tv-color-bg-mask: rgba(0, 0, 0, 30%); // 遮罩层带有透明度的背景色 + --tv-color-bg-dark:var(--tv-base-color-brand);// #191919; 深色背景色 顶部导航/ 深色tab/深色提示背景色(目前使用的这个色，找设计师确认） + --tv-color-bg-active-dark:var(--tv-base-color-common-3);// #f5f5f5 深色背景悬浮色 /* 2.6.2 禁用 */ --tv-color-bg-disabled: var(--tv-base-color-common-4); // #f0f0f0 禁用背景色 @@ -326,6 +328,7 @@ --tv-color-bg-hover-1: var(--tv-base-color-brand-2); // #deecff 浅蓝色场景：悬浮背景色-日期悬浮 /选块悬浮态背景色 --tv-color-bg-hover-2: var(--tv-base-color-common-5); // #e6e6e6 轮播箭头背景悬浮色 --tv-color-bg-hover-3: var(--tv-base-color-brand-1); // #f0f7ff 悬浮背景色 + --tv-color-bg-hover-dark:var(--tv-base-color-common-11); // #191919 深色背景悬浮色 （这个颜色待和设计师确认，原本tab用的#191919） /* 2.6.4 active/选中 */ --tv-color-bg-active: var(--tv-base-color-common-3); // #f5f5f5 分页选中背景色/左侧导航选中背景色 @@ -334,6 +337,7 @@ --tv-color-bg-active-secondary: var(--tv-base-color-common-1); // #fff 次要背景色active色/下拉选中的背景色/一级tab页签背景-选中色/树控件选中背景颜色 --tv-color-bg-active-emphasize: var(--tv-base-color-brand-2); // #deecff 时间选择选中背景色 --tv-color-bg-active-emphasize-light: var(--tv-base-color-brand-1); // #f0f7ff 表格选中背景色 + --tv-color-bg-active-dark: var(--tv-base-color-common-11); // #191919 深色背景色激活色（待确认） /** 2.7 边框色/分割线颜色 **/ @@ -363,6 +367,7 @@ --tv-font-size-lg: 16px; --tv-font-size-xl: 18px; --tv-font-size-xxl: 20px; + --tv-font-size-default:var(--tv-font-size-md); --tv-font-size-heading-xs: 16px; // 卡片标题 --tv-font-size-heading-sm: 18px; // 页面标题 @@ -385,6 +390,7 @@ --tv-border-radius-md: 6px; // 默认 --tv-border-radius-lg: 8px; --tv-border-radius-round: 999px; // 50% 会造成椭圆，避免使用。 999px是 tiny3的做法。 + --tv-border-radius-default:var(--tv-border-radius-md); /** 5. 边框 **/ --tv-border-width: 1px; @@ -408,6 +414,7 @@ --tv-size-height-md: 32px; // medium 尺寸 - 默认 --tv-size-height-lg: 40px; // large 尺寸 --tv-size-height-xl: 48px; // xLarge 尺寸 + --tv-size-height-default:var(--tv-size-height-md); /** 7.2 图标大小 width, height **/ --tv-icon-size: 16px; diff --git a/packages/theme/src/breadcrumb/vars.less b/packages/theme/src/breadcrumb/vars.less index 36fed12b76..233b417455 100644 --- a/packages/theme/src/breadcrumb/vars.less +++ b/packages/theme/src/breadcrumb/vars.less @@ -12,7 +12,7 @@ .inject-Breadcrumb-vars() { // 字号 - --tv-Breadcrumb-font-size: var(--tv-font-size-md); + --tv-Breadcrumb-font-size: var(--tv-font-size-default); // 文本行高 --tv-Breadcrumb-text-line-height: var(--tv-line-height-number); // 文本色 diff --git a/packages/theme/src/bulletin-board/vars.less b/packages/theme/src/bulletin-board/vars.less index 7dfe3ca815..30bb14be1c 100644 --- a/packages/theme/src/bulletin-board/vars.less +++ b/packages/theme/src/bulletin-board/vars.less @@ -12,7 +12,7 @@ .inject-BulletinBoard-vars() { // 公告栏字号 - --tv-BulletinBoard-font-size: var(--tv-font-size-md); + --tv-BulletinBoard-font-size: var(--tv-font-size-default); // 标题字号 --tv-BulletinBoard-title-font-size: var(--tv-font-size-heading-sm); // 标题字重 @@ -28,7 +28,7 @@ // 子项日期文字颜色 --tv-BulletinBoard-item-date-text-color: var(--tv-color-text-weaken); // 子项日期文字尺寸 - --tv-BulletinBoard-item-date-font-size: var(--tv-font-size-md); + --tv-BulletinBoard-item-date-font-size: var(--tv-font-size-default); // new标签背景颜色 --tv-BulletinBoard-new-bg-color: var(--tv-color-error-bg-light); // new标签文字颜色 @@ -44,9 +44,9 @@ // 更多按钮图标悬浮颜色 --tv-BulletinBoard-more-icon-color-hover: var(--tv-color-icon-hover); // 更多按钮文字尺寸 - --tv-BulletinBoard-more-font-size: var(--tv-font-size-md); + --tv-BulletinBoard-more-font-size: var(--tv-font-size-default); // 更多按钮图标尺寸 - --tv-BulletinBoard-more-icon-font-size: var(--tv-font-size-md); + --tv-BulletinBoard-more-icon-font-size: var(--tv-font-size-default); // tabs标签文字颜色 --tv-BulletinBoard-tabs-item-text-color: var(--tv-color-text); // tabs标签背景颜色 diff --git a/packages/theme/src/button-group/vars.less b/packages/theme/src/button-group/vars.less index d6cc1246d5..1ecfae015b 100644 --- a/packages/theme/src/button-group/vars.less +++ b/packages/theme/src/button-group/vars.less @@ -12,7 +12,7 @@ .inject-ButtonGroup-vars() { // 按钮组圆角 - --tv-ButtonGroup-border-radius: var(--tv-border-radius-md); + --tv-ButtonGroup-border-radius: var(--tv-border-radius-default); // 按钮组字体行高 --tv-ButtonGroup-line-height-number: var(--tv-line-height-number); // 默认按钮未选中项背景色 @@ -22,9 +22,9 @@ // 空数据文本色 --tv-ButtonGroup-empty-text-color: var(--tv-color-text-weaken); // 未指定尺寸的按钮项高度 - --tv-ButtonGroup-item-btn-height: var(--tv-size-height-md); + --tv-ButtonGroup-item-btn-height: var(--tv-size-height-default); // 按钮组默认字号 - --tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-md); + --tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-default); // 按钮项禁用背景色 --tv-ButtonGroup-item-btn-disabled-bg-color: var(--tv-color-bg-disabled); // 按钮项禁用文本色 @@ -58,7 +58,7 @@ // 按钮角标字体颜色 --tv-ButtonGroup-item-sup-font-color: var(--tv-color-text-white); // 按钮角标字体大小 - --tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-md); + --tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-default); // medium尺寸 --tv-ButtonGroup-medium-size: var(--tv-size-height-lg); diff --git a/packages/theme/src/button/old-theme.less b/packages/theme/src/button/old-theme.less index e76d17243a..f840a4f733 100644 --- a/packages/theme/src/button/old-theme.less +++ b/packages/theme/src/button/old-theme.less @@ -2,6 +2,6 @@ @button-prefix-cls: ~'@{css-prefix}button'; .@{button-prefix-cls} { - // 默认时按钮字重 - --tv-Button-border-radius: 6px; + // 默认时按钮圆角 + --tv-Button-border-radius: 2px; } diff --git a/packages/theme/src/button/vars.less b/packages/theme/src/button/vars.less index 3480f23dca..8ff52cba89 100644 --- a/packages/theme/src/button/vars.less +++ b/packages/theme/src/button/vars.less @@ -28,9 +28,9 @@ //--------------------------------------------------- 场景2、尺寸 height, font-size,padding-x,min-width,仅图标时的 icon-size // 默认时按钮字号 - --tv-Button-font-size: var(--tv-font-size-md); + --tv-Button-font-size: var(--tv-font-size-default); // 默认时按钮高度 - --tv-Button-height: var(--tv-size-height-md); + --tv-Button-height: var(--tv-size-height-default); // 默认时按钮水平间距 --tv-Button-padding-x: 24px; // space变量不存在，是否替换成 space-base * 6 这种？ // 默认时按钮最小宽度 @@ -38,7 +38,7 @@ // 默认时按钮内图标的大小 --tv-Button-size-icon-font-size: 18px; // 超大按钮字号 - --tv-Button-font-size-large: var(--tv-font-size-md); + --tv-Button-font-size-large: var(--tv-font-size-default); // 超大按钮高度 --tv-Button-height-large: var(--tv-size-height-xl); // 超大按钮水平间距 @@ -48,7 +48,7 @@ // 超大按钮内图标的大小 --tv-Button-size-icon-font-size-large: 28px; // 中等按钮字号 - --tv-Button-font-size-medium: var(--tv-font-size-md); + --tv-Button-font-size-medium: var(--tv-font-size-default); // 中等按钮高度 --tv-Button-height-medium: var(--tv-size-height-lg); // 中等按钮水平间距 @@ -310,7 +310,7 @@ // 仅图标且default主题时， 外边框的悬浮色 --tv-Button-border-color-only-icon-default-hover: var(--tv-color-border-secondary); // 仅图标且有边框时，边框的圆角大 - --tv-Button-border-radius-only-icon: var(--tv-border-radius-md); + --tv-Button-border-radius-only-icon: var(--tv-border-radius-default); // 仅图标且无边框时，背景阴影的圆角 --tv-Button-border-radius-only-icon-ontext: var(--tv-border-radius-sm); @@ -324,7 +324,7 @@ // 纯文字时，文字的禁用色 --tv-Button-text-color-ontext-disabled: var(--tv-color-text-disabled); // 纯文字时，字体大小 - --tv-Button-font-size-ontext: var(--tv-font-size-md); + --tv-Button-font-size-ontext: var(--tv-font-size-default); // 混排有边框和无边框时，图标右边距 --tv-Button-margin-right-isicon-svg: var(--tv-space-sm); @@ -334,7 +334,7 @@ // 混排无边框时,文字的禁用色 --tv-Button-text-color-isicon-ontext-disabled: var(--tv-color-text-disabled); //混排无边框时，字体大小 - --tv-Button-font-size-isicon-ontext: var(--tv-font-size-md); + --tv-Button-font-size-isicon-ontext: var(--tv-font-size-default); //------------------------------------------------------ 场景5、 其它场景----------------------------------------- // 相邻按钮的默认的左外边距 diff --git a/packages/theme/src/calendar-view/index.less b/packages/theme/src/calendar-view/index.less index 733fd81972..729b7f54a7 100644 --- a/packages/theme/src/calendar-view/index.less +++ b/packages/theme/src/calendar-view/index.less @@ -21,8 +21,8 @@ width: 100%; height: auto; padding-top: 32px; - border: 1px solid #EBEBEB; - background-color: var(--tv-CalendarView-bg); + border: 1px solid #ebebeb; + background-color: var(--tv-CalendarView-bg-color); &__header { display: flex; @@ -34,7 +34,7 @@ &__header div:first-child { flex-grow: 1; } - &__header div:first-child{ + &__header div:first-child { flex-grow: 1; } @@ -43,7 +43,6 @@ margin-right: var(--tv-CalendarView-picker-right-bottom); } - &__radio { flex-shrink: 0; .tiny-radio-button__inner { @@ -51,16 +50,16 @@ background-color: #ededed; svg { width: var(--tv-CalendarView-radio-font-size); - height: var(--tv-CalendarView-radio-font-size);; - fill:var(--tv-CalendarView-radio-icon-fill); + height: var(--tv-CalendarView-radio-font-size); + fill: var(--tv-CalendarView-radio-icon-color); } } - .is-active{ + .is-active { .tiny-radio-button__inner { - background-color: var(--tv-CalendarView-radio-active-inner-bg); + background-color: var(--tv-CalendarView-radio-active-inner-bg-color); border: 1px solid var(--tv-CalendarView-radio-active-border-color); - svg{ - fill: var(--tv-CalendarView-radio-active-fill); + svg { + fill: var(--tv-CalendarView-radio-active-icon-color); } } } @@ -68,11 +67,11 @@ .@{calendar-view-prefix-cls}-month { &__header { - display: flex; - position: relative; - justify-content: space-around; - height: 40px; - .header-left{ + display: flex; + position: relative; + justify-content: space-around; + height: 40px; + .header-left { height: 100%; display: flex; align-items: center; @@ -80,28 +79,28 @@ left: 32px; cursor: pointer; - >svg{ - fill: var(--tv-CalendarView-header-svg-fill); + > svg { + fill: var(--tv-CalendarView-header-icon-color); } } - .header-main{ + .header-main { display: flex; justify-content: space-around; flex: 1; height: 100%; - >li{ + > li { line-height: 40px; - >span{ - font-size: var(--tv-CalendarView-header-main-text-size); + > span { + font-size: var(--tv-CalendarView-header-main-font-size); color: var(--tv-CalendarView-header-main-text-color); } } } - .header-right{ + .header-right { height: 100%; display: flex; align-items: center; @@ -109,8 +108,8 @@ right: 32px; cursor: pointer; - >svg{ - fill: var(--tv-CalendarView-header-svg-fill); + > svg { + fill: var(--tv-CalendarView-header-icon-color); } } } @@ -118,92 +117,92 @@ &__main { width: 100%; overflow: hidden; - border-top: 1px solid #EBEBEB; + border-top: 1px solid #ebebeb; - .main-container{ + .main-container { width: 100%; - - margin-top: var(--tv-CalendarView-main-margin-top);; - - >ul{ + + margin-top: var(--tv-CalendarView-main-margin-top); + + > ul { width: 100%; display: flex; justify-content: space-around; - border-bottom: 1px solid #EBEBEB; + border-bottom: 1px solid #ebebeb; - >li{ - font-size: var(--tv-CalendarView-main-li-size); - padding: var(--tv-CalendarView-main-li-space) 0; + > li { + font-size: var(--tv-CalendarView-main-li-font-size); + padding: var(--tv-CalendarView-main-li-padding) 0; position: relative; height: 80px; overflow: hidden; - border-right: 1px solid #EBEBEB; - background-color: var(--tv-CalendarView-main-li-bg); + border-right: 1px solid #ebebeb; + background-color: var(--tv-CalendarView-main-li-bg-color); - &.is-selected{ - background-color: var(--tv-CalendarView-li-selected-bg); + &.is-selected { + background-color: var(--tv-CalendarView-li-selected-bg-color); } &.not-selected:hover { - background-color: var(--tv-CalendarView-not-selected-hover-color); - } + background-color: var(--tv-CalendarView-bg-color-unselected-hover); + } &.bg-blue { - background-color: rgba(0,103,209,0.1); + background-color: rgba(0, 103, 209, 0.1); } &.bg-green { - background-color: rgba(0,168,116,0.1); + background-color: rgba(0, 168, 116, 0.1); } &.bg-red { - background-color: rgba(235,23,31,0.1); + background-color: rgba(235, 23, 31, 0.1); } &.bg-yellow { - background-color: rgba(243,105,0,0.1); + background-color: rgba(243, 105, 0, 0.1); } &.bg-purple { - background-color: rgba(116,94,246,0.1); + background-color: rgba(116, 94, 246, 0.1); } &.bg-cyan { - background-color: rgba(0,162,181,0.1); + background-color: rgba(0, 162, 181, 0.1); } &.bg-grey { - background-color: rgba(141,149,158,0.3); + background-color: rgba(141, 149, 158, 0.3); } } } - .day-selected{ + .day-selected { position: absolute; top: 0; right: 0; - background-color: var(--tv-CalendarView-selected-hover-color); + background-color: var(--tv-CalendarView-selected-bg-color-hover); - >svg{ - width: var(--tv-CalendarView-selected-svg-size); - height: var(--tv-CalendarView-selected-svg-size); - fill: var(--tv-CalendarView-selected-svg-color); + > svg { + width: var(--tv-CalendarView-selected-icon-size); + height: var(--tv-CalendarView-selected-icon-size); + fill: var(--tv-CalendarView-selected-icon-color); position: relative; } } - .date{ + .date { margin-left: var(--tv-CalendarView-date-margin-left); - color: var(--tv-CalendarView-date-text-color);; + color: var(--tv-CalendarView-date-text-color); - &.is-next-or-last{ + &.is-next-or-last { color: var(--tv-CalendarView-date-weaken-text-color); } - &.is-selected{ + &.is-selected { color: var(--tv-CalendarView-date-selected-text-color); } - &.is-disabled{ - color: var(--tv-CalendarView-text-disabled-color); + &.is-disabled { + color: var(--tv-CalendarView-text-color-disabled); } } @@ -211,29 +210,29 @@ overflow-y: auto; width: 100%; - &::-webkit-scrollbar{ + &::-webkit-scrollbar { width: 0; height: 0; } - .events-container{ + .events-container { margin-bottom: var(--tv-CalendarView-event-container-margin-bottom); } - .events-start{ + .events-start { padding: 0 var(--tv-CalendarView-event-start-padding); - &.multi-day{ + &.multi-day { padding-right: 0; } } - .events-title{ + .events-title { width: 100%; display: inline-block; font-size: var(--tv-CalendarView-event-title-font-size); line-height: 17px; - color: var(--tv-CalendarView-event-title--text-color); + color: var(--tv-CalendarView-event-title-text-color); padding: 0 10px; overflow: hidden; text-overflow: ellipsis; @@ -241,72 +240,71 @@ &.theme-blue { border-left: 2px solid #1890ff; - background-color: rgba(0,103,209,0.1); + background-color: rgba(0, 103, 209, 0.1); } &.theme-green { - border-left: 2px solid #00A874; - background-color: rgba(0,168,116,0.1); + border-left: 2px solid #00a874; + background-color: rgba(0, 168, 116, 0.1); } &.theme-red { - border-left: 2px solid #EB171F; - background-color: rgba(235,23,31,0.1); + border-left: 2px solid #eb171f; + background-color: rgba(235, 23, 31, 0.1); } &.theme-yellow { - border-left: 2px solid #F36900; - background-color: rgba(243,105,0,0.1); + border-left: 2px solid #f36900; + background-color: rgba(243, 105, 0, 0.1); } &.theme-purple { - border-left: 2px solid #745EF7; - background-color: rgba(116,94,246,0.1); + border-left: 2px solid #745ef7; + background-color: rgba(116, 94, 246, 0.1); } &.theme-cyan { - border-left: 2px solid #00A2B5; - background-color: rgba(0,162,181,0.1); + border-left: 2px solid #00a2b5; + background-color: rgba(0, 162, 181, 0.1); } &.theme-grey { - border-left: 2px solid #8D959E; - background-color: rgba(141,149,158,0.3); + border-left: 2px solid #8d959e; + background-color: rgba(141, 149, 158, 0.3); } } - .events-end{ + .events-end { height: 20px; line-height: 20px; &.bg-blue { - background-color: rgba(0,103,209,0.1); + background-color: rgba(0, 103, 209, 0.1); } &.bg-green { - background-color: rgba(0,168,116,0.1); + background-color: rgba(0, 168, 116, 0.1); } &.bg-red { - background-color: rgba(235,23,31,0.1); + background-color: rgba(235, 23, 31, 0.1); } &.bg-yellow { - background-color: rgba(243,105,0,0.1); + background-color: rgba(243, 105, 0, 0.1); } &.bg-purple { - background-color: rgba(116,94,246,0.1); + background-color: rgba(116, 94, 246, 0.1); } &.bg-cyan { - background-color: rgba(0,162,181,0.1); + background-color: rgba(0, 162, 181, 0.1); } &.bg-grey { - background-color: rgba(141,149,158,0.3); + background-color: rgba(141, 149, 158, 0.3); } - } } } @@ -314,7 +312,6 @@ } .@{calendar-view-prefix-cls}-week { - &__header { display: flex; justify-content: space-around; @@ -322,48 +319,48 @@ height: 40px; } - .header-left{ + .header-left { margin-left: 32px; flex-shrink: 0; text-align: right; cursor: pointer; - >svg{ - fill: var(--tv-CalendarView-header-svg-fill); + > svg { + fill: var(--tv-CalendarView-header-icon-color); } } - .header-right{ + .header-right { margin-right: 32px; flex-shrink: 0; text-align: left; cursor: pointer; - >svg{ - fill: var(--tv-CalendarView-header-svg-fill); + > svg { + fill: var(--tv-CalendarView-header-icon-color); } } - .header-main{ + .header-main { display: flex; justify-content: space-around; flex: 1; height: 100%; - >li{ + > li { line-height: 40px; - .date{ + .date { position: relative; margin-right: 10px; font-size: var(--tv-CalendarView-week-date-font-size); color: var(--tv-CalendarView-week-date-text-color); - &.is-today{ + &.is-today { color: var(--tv-CalendarView-week-date-today-text-color); } } - - .mark{ + + .mark { width: 6px; height: 6px; position: absolute; @@ -371,7 +368,7 @@ left: var(--tv-CalendarView-mark-left); border-radius: var(--tv-CalendarView-mark-border-radius); - &.is-two-digit{ + &.is-two-digit { left: var(--tv-CalendarView-mark-digit-left); } @@ -380,172 +377,170 @@ } &.mark-green { - background-color: #00A874 + background-color: #00a874; } &.mark-red { - background-color: var(--tv-CalendarView-mark-color); + background-color: var(--tv-CalendarView-mark-bg-color); } &.mark-yellow { - background-color: #F36900; + background-color: #f36900; } &.mark-purple { - background-color: #745EF7 + background-color: #745ef7; } &.mark-cyan { - background-color: #00A2B5; + background-color: #00a2b5; } &.mark-grey { - background-color: #8D959E; + background-color: #8d959e; } } - - .week-day{ + + .week-day { font-size: var(--tv-CalendarView-week-day-font-size); color: #8d959e; - &.is-today{ + &.is-today { color: #1890ff; } } } } - - } .@{calendar-view-prefix-cls}-week__timeline { - width: 100%; - height: 448px; - display: flex; - overflow-y: auto; - margin-top: var(--tv-CalendarView-timeline-margin-top); + width: 100%; + height: 448px; + display: flex; + overflow-y: auto; + margin-top: var(--tv-CalendarView-timeline-margin-top); - .day-times{ - width: 36px; - margin-left: 21px; + .day-times { + width: 36px; + margin-left: 21px; - ul>li{ - height: 20px; - text-align: left; - border-bottom-width: var(--tv-CalendarView-timeline-li-border-width); - border-bottom-style: solid; - border-bottom-color: #fff; + ul > li { + height: 20px; + text-align: left; + border-bottom-width: var(--tv-CalendarView-timeline-li-border-width); + border-bottom-style: solid; + border-bottom-color: #fff; - &.is-odd-num{ - border-bottom-color: #f5f6f8; - } + &.is-odd-num { + border-bottom-color: #f5f6f8; + } - span{ - font-size: var(--tv-CalendarView-timeline-span-font-size); - color: var(--tv-CalendarView-timeline-span-text-color); - } + span { + font-size: var(--tv-CalendarView-timeline-span-font-size); + color: var(--tv-CalendarView-timeline-span-text-color); } } + } - .day-events{ - flex: 1; + .day-events { + flex: 1; - >ul{ - width: 100%; - display: flex; - justify-content: space-around; + > ul { + width: 100%; + display: flex; + justify-content: space-around; - >li{ - position: relative; + > li { + position: relative; - &.is-weekends{ - background-color: rgba(245,246,248,0.5); - } + &.is-weekends { + background-color: rgba(245, 246, 248, 0.5); } } + } - .events-list{ - >li{ - position: relative; - height: var(--tv-CalendarView-events-list-height); - padding: var(--tv-CalendarView-events-list-padding);; - list-style-type: none; - border-bottom-width: 1px; - border-bottom-style: solid; - border-bottom-color: #f5f6f8; - - &.is-even-num{ - border-bottom-style: dashed; - } - } + .events-list { + > li { + position: relative; + height: var(--tv-CalendarView-events-list-height); + padding: var(--tv-CalendarView-events-list-padding); + list-style-type: none; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: #f5f6f8; - .events-item{ - font-size: var(--tv-CalendarView-events-item-font-size); - font-weight: var(--tv-CalendarView-events-item-font-weight); - width: 92%; - display: flex; - align-items: center; - padding: 0 6px; - position: absolute; - top: 0; - left: 0; - z-index: 10; - line-height: 1.5; - border-radius: 2px; - color: var(--tv-CalendarView-events-item-color); + &.is-even-num { + border-bottom-style: dashed; + } + } - &.theme-blue { - border-left: 2px solid #1890ff; - background-color: rgba(0,103,209,0.1); - } + .events-item { + font-size: var(--tv-CalendarView-events-item-font-size); + font-weight: var(--tv-CalendarView-events-item-font-weight); + width: 92%; + display: flex; + align-items: center; + padding: 0 6px; + position: absolute; + top: 0; + left: 0; + z-index: 10; + line-height: 1.5; + border-radius: 2px; + color: var(--tv-CalendarView-events-item-text-color); + + &.theme-blue { + border-left: 2px solid #1890ff; + background-color: rgba(0, 103, 209, 0.1); + } - &.theme-green { - border-left: 2px solid #00A874; - background-color: rgba(0,168,116,0.1); - } + &.theme-green { + border-left: 2px solid #00a874; + background-color: rgba(0, 168, 116, 0.1); + } - &.theme-red { - border-left: 2px solid #EB171F; - background-color: rgba(235,23,31,0.1); - } + &.theme-red { + border-left: 2px solid #eb171f; + background-color: rgba(235, 23, 31, 0.1); + } - &.theme-yellow { - border-left: 2px solid #F36900; - background-color: rgba(243,105,0,0.1); - } + &.theme-yellow { + border-left: 2px solid #f36900; + background-color: rgba(243, 105, 0, 0.1); + } - &.theme-purple { - border-left: 2px solid #745EF7; - background-color: rgba(116,94,246,0.1); - } + &.theme-purple { + border-left: 2px solid #745ef7; + background-color: rgba(116, 94, 246, 0.1); + } - &.theme-cyan { - border-left: 2px solid #00A2B5; - background-color: rgba(0,162,181,0.1); - } + &.theme-cyan { + border-left: 2px solid #00a2b5; + background-color: rgba(0, 162, 181, 0.1); + } - &.theme-grey { - border-left: 2px solid #8D959E; - background-color: rgba(141,149,158,0.3); - } + &.theme-grey { + border-left: 2px solid #8d959e; + background-color: rgba(141, 149, 158, 0.3); } } } + } } - + .@{calendar-view-prefix-cls}-week__schedule { width: 100%; padding: 0 24px 16px 24px; overflow-y: auto; height: 448px; - >ul{ + > ul { display: flex; width: 100%; - >li{ + > li { height: 100%; - padding: var(--tv-CalendarView-week-li-padding-v) var(--tv-CalendarView-week-li-padding-h); + padding: var(--tv-CalendarView-week-li-padding-y) var(--tv-CalendarView-week-li-padding-x); .title { font-size: var(--tv-CalendarView-week-title-font-size); @@ -560,32 +555,32 @@ } } - .day-events{ + .day-events { font-size: var(--tv-CalendarView-week-day-font-size); padding: 6px 0; height: auto; border: 1px solid #e8ebef; border-radius: var(--tv-CalendarView-week-day-border-radius); - margin-bottom: var(--tv-CalendarView-week-day-margin-bottom);; + margin-bottom: var(--tv-CalendarView-week-day-margin-bottom); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08); - .title{ + .title { padding: 0 6px; margin-bottom: 6px; border-left-width: 2px; border-left-color: #1890ff; } - .date{ + .date { margin-bottom: 6px; - padding: 0 var(--tv-CalendarView-week-date-padding-h); + padding: 0 var(--tv-CalendarView-week-date-padding-x); color: var(--tv-CalendarView-week-date-text-color); } - .content{ - padding: 0 var(--tv-CalendarView-week-content-padding-h); + .content { + padding: 0 var(--tv-CalendarView-week-content-padding-x); color: #8d959e; - overflow : hidden; + overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; @@ -594,7 +589,7 @@ } } - .new-schedule{ + .new-schedule { height: 32px; text-align: center; line-height: 32px; @@ -604,14 +599,14 @@ border-radius: var(--tv-CalendarView-week-schedule-border-radius); cursor: pointer; - >svg{ + > svg { width: var(--tv-CalendarView-week-schedule-icon-size); height: var(--tv-CalendarView-week-schedule-icon-size); vertical-align: sub; - fill:#8d959e; + fill: #8d959e; } - >span{ + > span { margin-left: var(--tv-CalendarView-schedule-span-margin-left); color: #8d959e; } @@ -623,13 +618,13 @@ .inject-CalendarView-vars(); position: absolute; max-width: 320px; - .tooltip-main{ + .tooltip-main { padding: var(--tv-CalendarView-tooltip-title-font-size); - .title{ + .title { font-size: var(--tv-CalendarView-tooltip-title-font-size); font-weight: var(--tv-CalendarView-tooltip-title-font-weight); } - .date{ + .date { margin: 6px 0; color: var(--tv-CalendarView-tooltip-date-text-color); } diff --git a/packages/theme/src/calendar-view/vars.less b/packages/theme/src/calendar-view/vars.less index 95341fe01e..068ecc3cae 100644 --- a/packages/theme/src/calendar-view/vars.less +++ b/packages/theme/src/calendar-view/vars.less @@ -11,93 +11,92 @@ */ .inject-CalendarView-vars() { - // 视图容器、背景色 - --tv-CalendarView-bg: var(--tv-color-bg-secondary); - // picker右边距 - --tv-CalendarView-picker-right-bottom: var(--tv-space-md); - // radio 文本色、背景色、悬浮色 - --tv-CalendarView-radio-font-size: var(--tv-font-size-lg); - --tv-CalendarView-radio-icon-fill: var(--tv-color-icon); - --tv-CalendarView-radio-active-fill: var(--tv-color-icon-active); - --tv-CalendarView-radio-active-inner-bg: var(--tv-color-icon-white); - --tv-CalendarView-radio-active-border-color: var(--tv-color-border-active); - --tv-CalendarView-header-main-text-size: var(--tv-font-size-md); - --tv-CalendarView-header-main-text-color: var(--tv-color-text-weaken); - // main 间距、 - --tv-CalendarView-main-margin-top: var(--tv-space-xs); - // 日期字号、间距、颜色、背景色 - --tv-CalendarView-main-li-size: var(--tv-font-size-md); - --tv-CalendarView-date-margin-left: var(--tv-space-xl); - --tv-CalendarView-date-text-color: var(--tv-color-text); - --tv-CalendarView-date-weaken-text-color: var(--tv-color-text-weaken); - --tv-CalendarView-main-li-space: var(--tv-space-xs); - --tv-CalendarView-main-li-bg: var(--tv-color-bg-secondary); - // 日期选中背景色，悬浮色 - --tv-CalendarView-date-selected-text-color: var(--tv-color-text-active); - --tv-CalendarView-li-selected-bg: var(--tv-color-bg-active-emphasize-light); - // 选中 - --tv-CalendarView-selected-hover-color: var(--tv-color-bg-active-control); - --tv-CalendarView-selected-svg-color: var(--tv-color-icon-control-active); - --tv-CalendarView-selected-svg-size: var(--tv-font-size-lg); - // 未选中 - --tv-CalendarView-not-selected-hover-color: var(--tv-color-bg-active-emphasize-light); - // 箭头间距颜色 - --tv-CalendarView-header-svg-space: var(--tv-space-lg); - --tv-CalendarView-header-svg-fill: var(--tv-color-icon); - // 日程 - --tv-CalendarView-events-item-font-size: var(--tv-font-size-md); - --tv-CalendarView-events-item-font-weight: var(--tv-font-weight-bold); - --tv-CalendarView-events-item-color: var(--tv-color-text); - // 提示字号、字重、颜色 - --tv-CalendarView-tooltip-main-padding: var(--tv-space-xl); - --tv-CalendarView-tooltip-title-font-size: var(--tv-font-size-lg); - --tv-CalendarView-tooltip-title-font-weight: var(--tv-font-weight-bold); - --tv-CalendarView-tooltip-date-text-color: var(--tv-color-text-secondary); - // 禁用文字颜色 - --tv-CalendarView-text-disabled-color: var(--tv-color-text-disabled); - // events日程版型 - --tv-CalendarView-event-container-margin-bottom: var(--tv-space-xs); - --tv-CalendarView-event-start-padding: var(--tv-space-xs); - // events 内容样式 - --tv-CalendarView-event-title-font-size: var(--tv-font-size-sm); - --tv-CalendarView-event-title--text-color: var(--tv-color-text); - // week模式date样式 - --tv-CalendarView-week-date-font-size: var(--tv-font-size-lg); - --tv-CalendarView-week-date-text-color: var(--tv-color-text); - --tv-CalendarView-week-date-today-text-color: var(--tv-color-text-active); - --tv-CalendarView-week-day-font-size: var(--tv-font-size-md); - // mark标记样式 - --tv-CalendarView-mark-color: var(--tv-color-error-bg); - --tv-CalendarView-mark-left: var(--tv-space-xs); - --tv-CalendarView-mark-border-radius: var(--tv-border-radius-round); - --tv-CalendarView-mark-digit-left: var(--tv-space-md); - // 时间线样式 - --tv-CalendarView-timeline-margin-top: var(--tv-space-sm); - --tv-CalendarView-timeline-li-border-width: var(--tv-border-width); - --tv-CalendarView-timeline-span-font-size: var(--tv-font-size-md); - --tv-CalendarView-timeline-span-text-color: var(--tv-color-text); - // 时间线 event-list样式 - --tv-CalendarView-events-list-height: var(--tv-space-xl); - --tv-CalendarView-events-list-padding: var(--tv-space-xs); - // 周次模式样式 - --tv-CalendarView-week-li-padding-v: var(--tv-space-lg); - --tv-CalendarView-week-li-padding-h: var(--tv-space-xl); - // title样式 - --tv-CalendarView-week-title-font-size: var(--tv-font-size-md); - --tv-CalendarView-week-title-font-weight: var(--tv-font-weight-bold); - --tv-CalendarView-week-content-font-size: var(--tv-font-size-sm); - --tv-CalendarView-week-content-font-weight: var(--tv-font-weight-regular); - // day-events样式 - --tv-CalendarView-week-day-font-size: var(--tv-font-size-sm); - --tv-CalendarView-week-day-border-radius: var(--tv-border-radius-sm); - --tv-CalendarView-week-day-margin-bottom: var(--tv-space-md); - // day-events内容样式 - --tv-CalendarView-week-date-padding-h: var(--tv-space-md); - --tv-CalendarView-week-date-text-color: var(--tv-color-text-weaken); - --tv-CalendarView-week-content-padding-h: var(--tv-space-md); - // schedule间距圆角 - --tv-CalendarView-week-schedule-margin-top: var(--tv-space-md); - --tv-CalendarView-week-schedule-border-radius: var(--tv-border-radius-sm); - --tv-CalendarView-week-schedule-icon-size: var(--tv-icon-size); - --tv-CalendarView-schedule-span-margin-left: var(--tv-space-sm); + // 视图容器、背景色 + --tv-CalendarView-bg-color: var(--tv-color-bg-secondary); + // picker右边距 + --tv-CalendarView-picker-right-bottom: var(--tv-space-md); + // radio 文本色、背景色、悬浮色 + --tv-CalendarView-radio-font-size: var(--tv-font-size-lg); + --tv-CalendarView-radio-icon-color: var(--tv-color-icon); + --tv-CalendarView-radio-active-icon-color: var(--tv-color-icon-active); + --tv-CalendarView-radio-active-inner-bg-color: var(--tv-color-icon-white); + --tv-CalendarView-radio-active-border-color: var(--tv-color-border-active); + --tv-CalendarView-header-main-font-size: var(--tv-font-size-default); + --tv-CalendarView-header-main-text-color: var(--tv-color-text-weaken); + // main 间距、 + --tv-CalendarView-main-margin-top: var(--tv-space-xs); + // 日期字号、间距、颜色、背景色 + --tv-CalendarView-main-li-font-size: var(--tv-font-size-default); + --tv-CalendarView-date-margin-left: var(--tv-space-xl); + --tv-CalendarView-date-text-color: var(--tv-color-text); + --tv-CalendarView-date-weaken-text-color: var(--tv-color-text-weaken); + --tv-CalendarView-main-li-padding: var(--tv-space-xs); + --tv-CalendarView-main-li-bg-color: var(--tv-color-bg-secondary); + // 日期选中背景色，悬浮色 + --tv-CalendarView-date-selected-text-color: var(--tv-color-text-active); + --tv-CalendarView-li-selected-bg-color: var(--tv-color-bg-active-emphasize-light); + // 选中 + --tv-CalendarView-selected-bg-color-hover: var(--tv-color-bg-active-control); + --tv-CalendarView-selected-icon-color: var(--tv-color-icon-control-active); + --tv-CalendarView-selected-icon-size: var(--tv-font-size-lg); + // 未选中 + --tv-CalendarView-bg-color-unselected-hover: var(--tv-color-bg-active-emphasize-light); + // 箭头间距颜色 + --tv-CalendarView-header-icon-color: var(--tv-color-icon); + // 日程 + --tv-CalendarView-events-item-font-size: var(--tv-font-size-default); + --tv-CalendarView-events-item-font-weight: var(--tv-font-weight-bold); + --tv-CalendarView-events-item-text-color: var(--tv-color-text); + // 提示字号、字重、颜色 + --tv-CalendarView-tooltip-main-padding: var(--tv-space-xl); + --tv-CalendarView-tooltip-title-font-size: var(--tv-font-size-lg); + --tv-CalendarView-tooltip-title-font-weight: var(--tv-font-weight-bold); + --tv-CalendarView-tooltip-date-text-color: var(--tv-color-text-secondary); + // 禁用文字颜色 + --tv-CalendarView-text-color-disabled: var(--tv-color-text-disabled); + // events日程版型 + --tv-CalendarView-event-container-margin-bottom: var(--tv-space-xs); + --tv-CalendarView-event-start-padding: var(--tv-space-xs); + // events 内容样式 + --tv-CalendarView-event-title-font-size: var(--tv-font-size-sm); + --tv-CalendarView-event-title-text-color: var(--tv-color-text); + // week模式date样式 + --tv-CalendarView-week-date-font-size: var(--tv-font-size-lg); + --tv-CalendarView-week-date-text-color: var(--tv-color-text); + --tv-CalendarView-week-date-today-text-color: var(--tv-color-text-active); + --tv-CalendarView-week-day-font-size: var(--tv-font-size-default); + // mark标记样式 + --tv-CalendarView-mark-bg-color: var(--tv-color-error-bg); + --tv-CalendarView-mark-left: var(--tv-space-xs); + --tv-CalendarView-mark-border-radius: var(--tv-border-radius-round); + --tv-CalendarView-mark-digit-left: var(--tv-space-md); + // 时间线样式 + --tv-CalendarView-timeline-margin-top: var(--tv-space-sm); + --tv-CalendarView-timeline-li-border-width: var(--tv-border-width); + --tv-CalendarView-timeline-span-font-size: var(--tv-font-size-default); + --tv-CalendarView-timeline-span-text-color: var(--tv-color-text); + // 时间线 event-list样式 + --tv-CalendarView-events-list-height: 16px; + --tv-CalendarView-events-list-padding: var(--tv-space-xs); + // 周次模式样式 + --tv-CalendarView-week-li-padding-y: var(--tv-space-lg); + --tv-CalendarView-week-li-padding-x: var(--tv-space-xl); + // title样式 + --tv-CalendarView-week-title-font-size: var(--tv-font-size-default); + --tv-CalendarView-week-title-font-weight: var(--tv-font-weight-bold); + --tv-CalendarView-week-content-font-size: var(--tv-font-size-sm); + --tv-CalendarView-week-content-font-weight: var(--tv-font-weight-regular); + // day-events样式 + --tv-CalendarView-week-day-font-size: var(--tv-font-size-sm); + --tv-CalendarView-week-day-border-radius: var(--tv-border-radius-sm); + --tv-CalendarView-week-day-margin-bottom: var(--tv-space-md); + // day-events内容样式 + --tv-CalendarView-week-date-padding-x: var(--tv-space-md); + --tv-CalendarView-week-date-text-color: var(--tv-color-text-weaken); + --tv-CalendarView-week-content-padding-x: var(--tv-space-md); + // schedule间距圆角 + --tv-CalendarView-week-schedule-margin-top: var(--tv-space-md); + --tv-CalendarView-week-schedule-border-radius: var(--tv-border-radius-sm); + --tv-CalendarView-week-schedule-icon-size: var(--tv-icon-size); + --tv-CalendarView-schedule-span-margin-left: var(--tv-space-sm); } diff --git a/packages/theme/src/calendar/vars.less b/packages/theme/src/calendar/vars.less index 4687467948..7b0c7d5fd2 100644 --- a/packages/theme/src/calendar/vars.less +++ b/packages/theme/src/calendar/vars.less @@ -33,16 +33,16 @@ --tv-Calendar-bg-color-danger: var(--tv-color-error-bg); // 日历日期信息文字颜色 --tv-Calendar-text-color-info: var(--tv-color-info-text-primary); - // 日历表头文字字号 - --tv-Calendar-content-heard-font-size: var(--tv-font-size-md); + // 日历表头文字字号 + --tv-Calendar-content-heard-font-size: var(--tv-font-size-default); // 日历表头输入框选项圆角 - --tv-Calendar-selected-border-radius: var(--tv-border-radius-md); + --tv-Calendar-selected-border-radius: var(--tv-border-radius-default); // 日历表头输入框圆角 - --tv-Calendar-input-border-radius: var(--tv-border-radius-md); + --tv-Calendar-input-border-radius: var(--tv-border-radius-default); // 日历表头输入框字号 - --tv-Calendar-input-font-size: var(--tv-font-size-md); + --tv-Calendar-input-font-size: var(--tv-font-size-default); // 日历输入框hover边框色 - --tv-Calendar-input-hover-border-color:var(--tv-color-border-hover) ; + --tv-Calendar-input-hover-border-color: var(--tv-color-border-hover); // 日历列次悬浮背景色 --tv-Calendar-list-item-hover-bg-color: var(--tv-color-bg-hover); // 日历列次悬选中景色 diff --git a/packages/theme/src/card-template/vars.less b/packages/theme/src/card-template/vars.less index a96994ff66..fac5c77fd0 100644 --- a/packages/theme/src/card-template/vars.less +++ b/packages/theme/src/card-template/vars.less @@ -26,7 +26,7 @@ --tv-CardTemplate-header-font-size: var(--tv-font-size-lg); --tv-CardTemplate-header-border-color: #999999; --tv-CardTemplate-header-title-font-weight: var(--tv-font-weight-bold, bold); - --tv-CardTemplate-header-title-font-size: var(--tv-font-size-md, 14px); + --tv-CardTemplate-header-title-font-size: var(--tv-font-size-default, 14px); --tv-CardTemplate-header-title-text-color: var(--tv-color-text, #191919); --tv-CardTemplate-more-box-shadow: var(--tv-shadow-2-down); } diff --git a/packages/theme/src/card/vars.less b/packages/theme/src/card/vars.less index 8e4c0db951..eb1d656d6c 100644 --- a/packages/theme/src/card/vars.less +++ b/packages/theme/src/card/vars.less @@ -63,7 +63,7 @@ // 卡片的标题的字重 --tv-Card-title-font-weight: var(--tv-font-weight-bold); // 卡片的正文的字体大小 - --tv-Card-main-font-size: var(--tv-font-size-md); + --tv-Card-main-font-size: var(--tv-font-size-default); // 卡片的正文的字体颜色 --tv-Card-main-text-color: var(--tv-color-text-weaken); diff --git a/packages/theme/src/carousel-item/vars.less b/packages/theme/src/carousel-item/vars.less index ae1733d82c..e68e0702fb 100644 --- a/packages/theme/src/carousel-item/vars.less +++ b/packages/theme/src/carousel-item/vars.less @@ -14,6 +14,6 @@ --tv-CarouselItem-title-height: var(--tv-size-height-lg); --tv-CarouselItem-title-text-color: var(--tv-color-text-white); --tv-CarouselItem-title-bg-color: var(--tv-color-bg-primary); - --tv-CarouselItem-title-span-font-size: var(--tv-font-size-md); + --tv-CarouselItem-title-span-font-size: var(--tv-font-size-default); --tv-CarouselItem-mask-bg-color: var(--tv-color-bg-secondary); } diff --git a/packages/theme/src/carousel/index.less b/packages/theme/src/carousel/index.less index 37ec5bb193..a48e0e317e 100644 --- a/packages/theme/src/carousel/index.less +++ b/packages/theme/src/carousel/index.less @@ -96,10 +96,10 @@ } &.@{carousel-prefix-cls}__arrow-disabled { - background-color: var(--tv-Carousel-arrow-disabled-bg-color); + background-color: var(--tv-Carousel-arrow-bg-color-disabled); cursor: not-allowed; .@{svg-prefix-cls} { - fill: var(--tv-Carousel-arrow-disabled-color); + fill: var(--tv-Carousel-arrow-icon-color-disabled); } } diff --git a/packages/theme/src/carousel/vars.less b/packages/theme/src/carousel/vars.less index 0eeea109b1..e472be0492 100644 --- a/packages/theme/src/carousel/vars.less +++ b/packages/theme/src/carousel/vars.less @@ -46,7 +46,7 @@ // 幻灯片外的当前指示器背景色 --tv-Carousel-outside-button-active-bg-color: var(--tv-color-bg-hover-primary); // 标签按钮的字号 - --tv-Carousel-labels-button-font-size: var(--tv-font-size-md); + --tv-Carousel-labels-button-font-size: var(--tv-font-size-default); // 箭头悬浮文本颜色 --tv-Carousel-arrow-hover-text-color: var(--tv-color-icon-hover); // 左侧箭头背景色 @@ -54,7 +54,7 @@ // 右侧箭头背景色 --tv-Carousel-arrow-right-bg-color: var(--tv-color-bg); // 按钮禁用色 - --tv-Carousel-arrow-disabled-bg-color: var(--tv-color-bg-disabled); + --tv-Carousel-arrow-bg-color-disabled: var(--tv-color-bg-disabled); // 按钮禁用色 - --tv-Carousel-arrow-disabled-color: var(--tv-color-icon-disabled); + --tv-Carousel-arrow-icon-color-disabled: var(--tv-color-icon-disabled); } diff --git a/packages/theme/src/cascader-panel/vars.less b/packages/theme/src/cascader-panel/vars.less index f8da14d465..6ae3000535 100644 --- a/packages/theme/src/cascader-panel/vars.less +++ b/packages/theme/src/cascader-panel/vars.less @@ -12,11 +12,11 @@ .inject-CascaderPanel-vars() { // 下拉菜单面板的边框圆角 - --tv-CascaderPanel-border-radius: var(--tv-border-radius-md, 6px); + --tv-CascaderPanel-border-radius: var(--tv-border-radius-default, 6px); // 下拉菜单面板的边框色 --tv-CascaderPanel-border-color: var(--tv-color-border-disabled, #dbdbdb); // 下拉菜单面板的字体大小 - --tv-CascaderPanel-font-size: var(--tv-font-size-md, 14px); + --tv-CascaderPanel-font-size: var(--tv-font-size-default, 14px); // 下拉菜单面板子项的高度 --tv-CascaderPanel-node-height: 32px; // 下拉菜单面板中子项的顶部外边距 diff --git a/packages/theme/src/cascader/vars.less b/packages/theme/src/cascader/vars.less index 4275cdbecc..7951bd3610 100644 --- a/packages/theme/src/cascader/vars.less +++ b/packages/theme/src/cascader/vars.less @@ -12,7 +12,7 @@ .inject-Cascader-vars() { // 字体大小 - --tv-Cascader-font-size: var(--tv-font-size-md, 14px); + --tv-Cascader-font-size: var(--tv-font-size-default, 14px); // 输入框图标字体大小 --tv-Cascader-input-icon-font-size: 10px; // 无对应变量 // 悬浮时显示的边框色 @@ -20,11 +20,11 @@ // 聚焦时显示的边框色 --tv-Cascader-focus-border-color: var(--tv-color-border-hover, #191919); // 边框圆角 - --tv-Cascader-border-radius: var(--tv-border-radius-md, 6px); + --tv-Cascader-border-radius: var(--tv-border-radius-default, 6px); // icon图标色 --tv-Cascader-icon-color: var(--tv-color-icon, #808080); // medium尺寸时的字体大小 - --tv-Cascader-medium-font-size: var(--tv-font-size-md, 14px); + --tv-Cascader-medium-font-size: var(--tv-font-size-default, 14px); // medium尺寸时的行高 --tv-Cascader-medium-line-height: 36px; // small尺寸时的行高 @@ -32,9 +32,9 @@ // mini尺寸时的行高 --tv-Cascader-mini-line-height: 28px; // small尺寸时的字体大小 - --tv-Cascader-small-font-size: var(--tv-font-size-md, 14px); + --tv-Cascader-small-font-size: var(--tv-font-size-default, 14px); // mini尺寸时的字体大小 - --tv-Cascader-mini-font-size: var(--tv-font-size-md, 14px); + --tv-Cascader-mini-font-size: var(--tv-font-size-default, 14px); // 禁用状态时的文本色 --tv-Cascader-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2); // 下拉框背景色 @@ -108,9 +108,9 @@ // 搜索框的左侧内边距（没有生效） --tv-Cascader-search-input-padding-left: var(--tv-space-md, 8px); // 下拉列表子项的字体大小 - --tv-Cascader-item-font-size: var(--tv-font-size-md, 14px); + --tv-Cascader-item-font-size: var(--tv-font-size-default, 14px); // 搜索框的字体大小（没有生效） - --tv-Cascader-search-input-font-size: var(--tv-font-size-md, 14px); + --tv-Cascader-search-input-font-size: var(--tv-font-size-default, 14px); // 输入框关闭图标hover时的颜色 --tv-Cascader-close-hover-icon-color: var(--tv-color-icon-hover, #191919); } diff --git a/packages/theme/src/chart-core/vars.less b/packages/theme/src/chart-core/vars.less index f8fb9e38c1..a51cddff55 100644 --- a/packages/theme/src/chart-core/vars.less +++ b/packages/theme/src/chart-core/vars.less @@ -12,6 +12,6 @@ .inject-ChartCore-vars() { --tv-ChartCore-data-empty-text-color: var(--tv-color-text-weaken); - --tv-ChartCore-data-empty-font-size: var(--tv-font-size-md); + --tv-ChartCore-data-empty-font-size: var(--tv-font-size-default); --tv-ChartCore-data-empty-bg-color: var(--tv-color-bg-secondary); } diff --git a/packages/theme/src/checkbox-button/vars.less b/packages/theme/src/checkbox-button/vars.less index ad42f9a6a8..70bd114f04 100644 --- a/packages/theme/src/checkbox-button/vars.less +++ b/packages/theme/src/checkbox-button/vars.less @@ -14,7 +14,7 @@ // 按钮形式复选框背景色 --tv-CheckboxButton-bg-color: var(--tv-color-bg-secondary); // 按钮形式复选框字号 - --tv-CheckboxButton-font-size: var(--tv-font-size-md); + --tv-CheckboxButton-font-size: var(--tv-font-size-default); // 按钮形式复选框未选中项悬浮文本色 --tv-CheckboxButton-hover-text-color: var(--tv-color-text-active); // 按钮形式选中项边框色 @@ -32,7 +32,7 @@ // 按钮形式复选框悬浮默认边框色 --tv-CheckboxButton-border-color-hover: var(--tv-color-border-active-control); // 按钮组按钮圆角 - --tv-CheckboxButton-border-radius: var(--tv-border-radius-md); + --tv-CheckboxButton-border-radius: var(--tv-border-radius-default); // 按钮组禁用边框色 --tv-CheckboxButton-disabled-border-color: var(--tv-color-border-disabled); // 按钮组小按钮字号 diff --git a/packages/theme/src/checkbox/vars.less b/packages/theme/src/checkbox/vars.less index aedc393fc6..3e9fa131ff 100644 --- a/packages/theme/src/checkbox/vars.less +++ b/packages/theme/src/checkbox/vars.less @@ -28,7 +28,7 @@ // 默认复选框文本色 --tv-Checkbox-text-color: var(--tv-color-text); // 默认复选框字号 - --tv-Checkbox-font-size: var(--tv-font-size-md); + --tv-Checkbox-font-size: var(--tv-font-size-default); // 默认复选框字重 --tv-Checkbox-font-weight: var(--tv-font-weight-regular); // 默认复选框未选中项边框色 @@ -38,7 +38,7 @@ // 默认复选框边框圆角 --tv-Checkbox-border-radius: var(--tv-border-radius-sm); // 默认复选框外边框圆角 - --tv-Checkbox-outline-border-radius: var(--tv-border-radius-md); + --tv-Checkbox-outline-border-radius: var(--tv-border-radius-default); // 默认复选框的右侧外边距 --tv-Checkbox-label-margin-right: 24px; // 边框模式复选框禁用边框色 diff --git a/packages/theme/src/collapse-item/index.less b/packages/theme/src/collapse-item/index.less index a7c321c3d8..48a34a0bf3 100644 --- a/packages/theme/src/collapse-item/index.less +++ b/packages/theme/src/collapse-item/index.less @@ -56,7 +56,7 @@ .@{collapse-item-prefix-cls}__title__right { margin-left: auto; - color: var(--tv-CollapseItem-title-right-color); + color: var(--tv-CollapseItem-title-right-text-color); fill: var(--tv-CollapseItem-title-right-icon-color); } diff --git a/packages/theme/src/collapse-item/vars.less b/packages/theme/src/collapse-item/vars.less index d9cbc889c5..7c89c0d173 100644 --- a/packages/theme/src/collapse-item/vars.less +++ b/packages/theme/src/collapse-item/vars.less @@ -24,7 +24,7 @@ // 面板头部禁用背景色 --tv-CollapseItem-disabled-header-bg-color: var(--tv-color-bg-disabled); // 面板头部字号 - --tv-CollapseItem-header-font-size: var(--tv-font-size-md); + --tv-CollapseItem-header-font-size: var(--tv-font-size-default); // 面板头部向上箭头图标色|箭头悬浮色 --tv-CollapseItem-arrow-hover-text-color: var(--tv-color-icon-hover); // 面板头部箭头尺寸 @@ -32,9 +32,9 @@ // 面板头部边框色 --tv-CollapseItem-header-border-color: var(--tv-color-border-divider); // 面板内容字号 - --tv-CollapseItem-content-font-size: var(--tv-font-size-md); + --tv-CollapseItem-content-font-size: var(--tv-font-size-default); // 面板右侧标题颜色 - --tv-CollapseItem-title-right-color: var(--tv-color-text-link); + --tv-CollapseItem-title-right-text-color: var(--tv-color-text-link); // 面板右侧图标颜色 --tv-CollapseItem-title-right-icon-color: var(--tv-color-icon-link); } diff --git a/packages/theme/src/color-picker/vars.less b/packages/theme/src/color-picker/vars.less index 38a692fdbe..c12aaef27a 100644 --- a/packages/theme/src/color-picker/vars.less +++ b/packages/theme/src/color-picker/vars.less @@ -2,15 +2,13 @@ // 按钮边框色 --tv-ColorPicker-border-color: var(--tv-color-border-ghost); // 按钮边框圆角 - --tv-ColorPicker-border-radius-md: var(--tv-border-radius-md); + --tv-ColorPicker-border-radius-md: var(--tv-border-radius-default); // 按钮边框小圆角 --tv-ColorPicker-border-radius-xs: var(--tv-border-radius-xs); // 按钮垂直内边距 --tv-ColorPicker-padding-y: var(--tv-space-sm); // 按钮水平内边距 --tv-ColorPicker-padding-x: var(--tv-space-sm); - // 没用(hide) - --tv-ColorPicker-spacing-2x: var(--tv-space-md); // 超大尺寸高度 --tv-ColorPicker-size-large-height: var(--tv-size-height-xl); diff --git a/packages/theme/src/date-panel/vars.less b/packages/theme/src/date-panel/vars.less index e613d2a9e6..d370196f70 100644 --- a/packages/theme/src/date-panel/vars.less +++ b/packages/theme/src/date-panel/vars.less @@ -16,7 +16,7 @@ // 文本色(悬浮高亮/激活高亮/本身高亮） --tv-DatePanel-text-color-heightlight: var(--tv-color-text-active, #1476ff); // 字号 - --tv-DatePanel-font-size: var(--tv-font-size-md, 14px); + --tv-DatePanel-font-size: var(--tv-font-size-default, 14px); // 行高 --tv-DatePanel-line-height: var(--tv-line-height-number, 1.5); @@ -28,7 +28,7 @@ // 面板阴影 --tv-DatePanel-box-shadow: var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08)); // 面板圆角 - --tv-DatePanel-border-radius: var(--tv-border-radius-md, 6px); + --tv-DatePanel-border-radius: var(--tv-border-radius-default, 6px); // 面板外间距 --tv-DatePanel-margin: var(--tv-space-sm, 4px) 0; diff --git a/packages/theme/src/date-range/vars.less b/packages/theme/src/date-range/vars.less index 225ae60ba8..7732a4cf90 100644 --- a/packages/theme/src/date-range/vars.less +++ b/packages/theme/src/date-range/vars.less @@ -12,7 +12,7 @@ .inject-DateRange-vars() { // 字号 - --tv-DateRange-font-size: var(--tv-font-size-md, 14px); + --tv-DateRange-font-size: var(--tv-font-size-default, 14px); // 行高 --tv-DateRange-line-height: var(--tv-line-height-number, 1.5); diff --git a/packages/theme/src/date-table/vars.less b/packages/theme/src/date-table/vars.less index b3310384a6..b6cf912736 100644 --- a/packages/theme/src/date-table/vars.less +++ b/packages/theme/src/date-table/vars.less @@ -14,7 +14,7 @@ // 文本色 --tv-DateTable-text-color: var(--tv-color-text, #191919); // 字号 - --tv-DateTable-font-size: var(--tv-font-size-md, 14px); + --tv-DateTable-font-size: var(--tv-font-size-default, 14px); // 禁用文本色 --tv-DateTable-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2); @@ -79,5 +79,5 @@ // 禁用单元格圆角 --tv-DateTable-td-border-radius-disabled: var(--tv-border-radius-round, 999px); // 星期行高 - --tv-DateTable-week-height: var(--tv-size-height-md, 32px); + --tv-DateTable-week-height: var(--tv-size-height-default, 32px); } diff --git a/packages/theme/src/dept/vars.less b/packages/theme/src/dept/vars.less index c546053eb1..b5b2a4af9f 100644 --- a/packages/theme/src/dept/vars.less +++ b/packages/theme/src/dept/vars.less @@ -11,10 +11,10 @@ */ .inject-Dept-vars() { - --tv-Dept-label-font-size: var(--tv-font-size-md); + --tv-Dept-label-font-size: var(--tv-font-size-default); --tv-Dept-label-text-color: var(--tv-color-text); --tv-Dept-label-font-weight: var(--tv-font-weight-bold); --tv-Dept-selected-info-text-color: var(--tv-color-text); --tv-Dept-selected-info-bg-color: var(--tv-color-bg-active); - --tv-Dept-selected-info-border-radius: var(--tv-border-radius-md); + --tv-Dept-selected-info-border-radius: var(--tv-border-radius-default); } diff --git a/packages/theme/src/dialog-box/vars.less b/packages/theme/src/dialog-box/vars.less index 02814f19b0..7368a658fd 100644 --- a/packages/theme/src/dialog-box/vars.less +++ b/packages/theme/src/dialog-box/vars.less @@ -34,7 +34,7 @@ --tv-DialogBox-close-icon-color-hover: var(--tv-color-icon-hover); // 内容字号 - --tv-DialogBox-body-font-size: var(--tv-font-size-md); + --tv-DialogBox-body-font-size: var(--tv-font-size-default); // 内容字体色 --tv-DialogBox-body-text-color: var(--tv-color-text-secondary); // 右侧弹窗内容字体色 diff --git a/packages/theme/src/dialog-select/vars.less b/packages/theme/src/dialog-select/vars.less index c16509504c..28f197a472 100644 --- a/packages/theme/src/dialog-select/vars.less +++ b/packages/theme/src/dialog-select/vars.less @@ -12,7 +12,7 @@ .inject-DialogSelect-vars() { // 左侧表格的圆角 - --tv-DialogSelect-border-radius: var(--tv-border-radius-md, 6px); + --tv-DialogSelect-border-radius: var(--tv-border-radius-default, 6px); // 图标尺寸 --tv-DialogSelect-icon-size: var(--tv-icon-size, 16px); diff --git a/packages/theme/src/drop-times/vars.less b/packages/theme/src/drop-times/vars.less index 517a767b9a..66c03eb02b 100644 --- a/packages/theme/src/drop-times/vars.less +++ b/packages/theme/src/drop-times/vars.less @@ -12,7 +12,7 @@ .inject-DropTimes-vars() { // 时间选择选项字号 - --tv-DropTimes-item-font-size: var(--tv-font-size-md); + --tv-DropTimes-item-font-size: var(--tv-font-size-default); // 时间选择选项左右内边距 --tv-DropTimes-item-padding: 0 var(--tv-space-xl); // 时间选择选项字体字重 @@ -23,4 +23,4 @@ --tv-DropTimes-item-select-hover-bg-color: var(--tv-color-bg); // 时间选择选项悬浮背景色 --tv-DropTimes-item-hover-bg-color: var(--tv-color-bg-hover); -} \ No newline at end of file +} diff --git a/packages/theme/src/dropdown-item/vars.less b/packages/theme/src/dropdown-item/vars.less index fd2ea9a4a0..2de3decdcc 100644 --- a/packages/theme/src/dropdown-item/vars.less +++ b/packages/theme/src/dropdown-item/vars.less @@ -12,7 +12,7 @@ .inject-DropdownItem-vars() { // 默认字号 - --tv-DropdownItem-font-size: var(--tv-font-size-md, 14px); + --tv-DropdownItem-font-size: var(--tv-font-size-default, 14px); // 默认行高 --tv-DropdownItem-line-height: var(--tv-line-height-number, 1.5); // 默认文本色 @@ -49,7 +49,7 @@ ); // 菜单项高度(默认） - --tv-DropdownItem-height: var(--tv-size-height-md, 32px); + --tv-DropdownItem-height: var(--tv-size-height-default, 32px); // 菜单项高度(small） --tv-DropdownItem-height-sm: var(--tv-size-height-sm, 28px); // 菜单项高度(mini） diff --git a/packages/theme/src/dropdown-menu/vars.less b/packages/theme/src/dropdown-menu/vars.less index e941a53a66..beea8659b9 100644 --- a/packages/theme/src/dropdown-menu/vars.less +++ b/packages/theme/src/dropdown-menu/vars.less @@ -16,7 +16,7 @@ // 下拉菜单弹框的背景色 --tv-DropdownMenu-bg-color: var(--tv-color-bg-secondary, #ffffff); // 下拉菜单弹框的圆角 - --tv-DropdownMenu-border-radius: var(--tv-border-radius-md, 6px); + --tv-DropdownMenu-border-radius: var(--tv-border-radius-default, 6px); // 下拉菜单的最小宽度 --tv-DropdownMenu-min-width: 124px; // 下拉菜单弹框与触发按钮的距离 diff --git a/packages/theme/src/dropdown/vars.less b/packages/theme/src/dropdown/vars.less index 88fde6f4c9..e458c3ac1d 100644 --- a/packages/theme/src/dropdown/vars.less +++ b/packages/theme/src/dropdown/vars.less @@ -1,6 +1,6 @@ .inject-Dropdown-vars() { // 下拉菜单触发元素的字号 - --tv-Dropdown-font-size: var(--tv-font-size-md, 14px); + --tv-Dropdown-font-size: var(--tv-font-size-default, 14px); // 下拉菜单触发元素的行高 --tv-Dropdown-line-height: var(--tv-line-height-number, 1.5); // 触发源的文字颜色(主色黑） diff --git a/packages/theme/src/fall-menu/vars.less b/packages/theme/src/fall-menu/vars.less index 5ee9e1d82d..1baa82c551 100644 --- a/packages/theme/src/fall-menu/vars.less +++ b/packages/theme/src/fall-menu/vars.less @@ -18,7 +18,7 @@ // 菜单项悬浮背景色 --tv-FallMenu-bg-color-hover: var(--tv-color-bg-hover); // 左右图标大小 - --tv-FallMenu-icon-font-size: var(--tv-font-size-md); + --tv-FallMenu-icon-font-size: var(--tv-font-size-default); // 菜单项文本色 --tv-FallMenu-slot-text-color: var(--tv-color-text); // 悬浮下拉框背景色 @@ -30,7 +30,7 @@ // 下拉框文本色 --tv-FallMenu-box-text-color: var(--tv-color-text-secondary); // 下拉框标题字号 - --tv-FallMenu-box-font-size: var(--tv-font-size-md); + --tv-FallMenu-box-font-size: var(--tv-font-size-default); // 下拉框标题高度 --tv-FallMenu-box-title-height: var(--tv-size-height-xs); // 下拉框内容高度 @@ -48,5 +48,5 @@ // 图标填充颜色 --tv-FallMenu-box-svg-fill: var(--tv-color-icon); // 菜单列表圆角 - --tv-FallMenu-box-border-radius: var(--tv-border-radius-md); + --tv-FallMenu-box-border-radius: var(--tv-border-radius-default); } diff --git a/packages/theme/src/file-upload/vars.less b/packages/theme/src/file-upload/vars.less index 9e32f1e354..808f0564b1 100644 --- a/packages/theme/src/file-upload/vars.less +++ b/packages/theme/src/file-upload/vars.less @@ -11,5 +11,5 @@ */ .inject-FileUpload-vars() { - --tv-FileUpload-font-size: var(--tv-font-size-md); + --tv-FileUpload-font-size: var(--tv-font-size-default); } diff --git a/packages/theme/src/floatbar/vars.less b/packages/theme/src/floatbar/vars.less index 23b039cc82..2908489d20 100644 --- a/packages/theme/src/floatbar/vars.less +++ b/packages/theme/src/floatbar/vars.less @@ -11,11 +11,10 @@ */ .inject-Floatbar-vars() { - // 浮动块圆角 --tv-Floatbar-bar-border-radius: var(--tv-border-radius-lg); // 浮动块字号 - --tv-Floatbar-bar-font-size: var(--tv-font-size-md); + --tv-Floatbar-bar-font-size: var(--tv-font-size-default); // 浮动块背景色 --tv-Floatbar-bar-list-bg-color: var(--tv-color-bg-secondary); // ul,li边距 diff --git a/packages/theme/src/form-item/vars.less b/packages/theme/src/form-item/vars.less index e17d68c43d..bfd541f1d7 100644 --- a/packages/theme/src/form-item/vars.less +++ b/packages/theme/src/form-item/vars.less @@ -14,7 +14,7 @@ // 表单项行高 --tv-FormItem-line-height: var(--tv-line-height-number); // 表单项字号大小 - --tv-FormItem-font-size: var(--tv-font-size-md); + --tv-FormItem-font-size: var(--tv-font-size-default); // 表单项字体颜色 --tv-FormItem-text-color: var(--tv-color-text); // 表单项辅助字体颜色 @@ -28,7 +28,7 @@ // 表单项错误边框颜色 --tv-FormItem-border-color-error: var(--tv-color-error-border); // 表单项高度 - --tv-FormItem-height: var(--tv-size-height-md); + --tv-FormItem-height: var(--tv-size-height-default); // 表单项下侧外边距 --tv-FormItem-margin-bottom: 24px; // 表单校验块级错误消息上侧内边距 diff --git a/packages/theme/src/grid/vars.less b/packages/theme/src/grid/vars.less index c9d58e8369..659968fe45 100644 --- a/packages/theme/src/grid/vars.less +++ b/packages/theme/src/grid/vars.less @@ -12,7 +12,7 @@ .inject-Grid-vars() { // 表格字号 - --tv-Grid-font-size: var(--tv-font-size-md); + --tv-Grid-font-size: var(--tv-font-size-default); // 表格行高 --tv-Grid-line-height: var(--tv-line-height-number); // 表格文本色 @@ -134,7 +134,7 @@ // 筛选输入框悬浮边框颜色 --tv-Grid-filter-input-border-color-hover: var(--tv-color-border-hover); // 筛选输入框边框圆角 - --tv-Grid-filter-input-border-radius: var(--tv-border-radius-md); + --tv-Grid-filter-input-border-radius: var(--tv-border-radius-default); // -------工具栏相关样式------- // 工具栏垂直边距 --tv-Grid-toolbar-padding-y: var(--tv-space-xl); @@ -147,7 +147,7 @@ // 工具栏图标按钮悬浮边框色 --tv-Grid-toolbar-btn-icon-border-color-hover: var(--tv-color-border-hover); // 工具栏图标按钮边框圆角 - --tv-Grid-toolbar-btn-icon-border-radius: var(--tv-border-radius-md); + --tv-Grid-toolbar-btn-icon-border-radius: var(--tv-border-radius-default); // -------mini/small表格------- // mini表格单元格水平内边距 --tv-Grid-cell-padding-x-mini: 16px; @@ -161,9 +161,9 @@ // 树节点图标右侧内边距 --tv-Grid-tree-expand-icon-padding-right: var(--tv-space-md); // 内置输入框高度 - --tv-Grid-input-height: var(--tv-size-height-md); + --tv-Grid-input-height: var(--tv-size-height-default); // 内置输入框边框圆角 - --tv-Grid-input-border-radius: var(--tv-border-radius-md); + --tv-Grid-input-border-radius: var(--tv-border-radius-default); // 内置输入框悬浮边框颜色 --tv-Grid-input-border-color-hover: var(--tv-color-border-hover); // 表格无数据背景图片 diff --git a/packages/theme/src/guide/index.less b/packages/theme/src/guide/index.less index 12101613b5..4b8ab23996 100644 --- a/packages/theme/src/guide/index.less +++ b/packages/theme/src/guide/index.less @@ -142,7 +142,7 @@ background-color: var(--tv-Guide-button-bg-color); cursor: pointer; border-radius: var(--tv-Guide-button-border-radius); - border: 1px solid var(--tv-Guide-button-border); + border: 1px solid var(--tv-Guide-button-border-color); width: var(--tv-Guide-button-width); height: var(--tv-Guide-button-height); margin-left: 8px; diff --git a/packages/theme/src/guide/vars.less b/packages/theme/src/guide/vars.less index 3b36303cf0..40f8ea2a95 100644 --- a/packages/theme/src/guide/vars.less +++ b/packages/theme/src/guide/vars.less @@ -30,7 +30,7 @@ // 引导框内容行高 --tv-Guide-text-line-height: var(--tv-line-height-number); // 引导框内容字号 - --tv-Guide-text-font-size: var(--tv-font-size-md); + --tv-Guide-text-font-size: var(--tv-font-size-default); // 引导框内容滚动条边框色 --tv-Guide-text-scrollbar-border-color: var(--tv-color-bg-scrollbar-thumb); // 引导框底部右下圆角 @@ -42,7 +42,7 @@ // 引导框按钮默认样式文本色 --tv-Guide-button-text-color: var(--tv-color-text); // 引导框按钮默认样式边框色 - --tv-Guide-button-border: var(--tv-color-border-secondary); + --tv-Guide-button-border-color: var(--tv-color-border-secondary); // 引导框按钮默认样式圆角 --tv-Guide-button-border-radius: var(--tv-border-radius-round); // 引导框按钮默认样式背景色 diff --git a/packages/theme/src/hrapprover/vars.less b/packages/theme/src/hrapprover/vars.less index c980a5dc71..1ab326cd7a 100644 --- a/packages/theme/src/hrapprover/vars.less +++ b/packages/theme/src/hrapprover/vars.less @@ -13,7 +13,7 @@ .inject-Hrapprover-vars() { --tv-Hrapprover-error-border-color: var(--tv-color-error-bg); --tv-Hrapprover-table-text-color: var(--tv-color-text); - --tv-Hrapprover-table-font-size: var(--tv-font-size-md); + --tv-Hrapprover-table-font-size: var(--tv-font-size-default); --tv-Hrapprover-tr-bg-color: var(--tv-color-bg-gray-1); --tv-Hrapprover-tr-hover-bg-color: var(--tv-color-bg-hover); --tv-Hrapprover-tr-odd-bg-color: var(--tv-color-bg-secondary); diff --git a/packages/theme/src/image-viewer/vars.less b/packages/theme/src/image-viewer/vars.less index 08da283dd0..33ad0e1b62 100644 --- a/packages/theme/src/image-viewer/vars.less +++ b/packages/theme/src/image-viewer/vars.less @@ -21,7 +21,7 @@ --tv-ImageViewer-next-width: var(--tv-size-height-lg); --tv-ImageViewer-next-height: var(--tv-size-height-lg); --tv-ImageViewer-actions-icon-margin-right: var(--tv-space-xl); - --tv-ImageViewer-actions-count-font-size: var(--tv-font-size-md); + --tv-ImageViewer-actions-count-font-size: var(--tv-font-size-default); --tv-ImageViewer-prev-left: calc(var(--tv-space-base) * 8); --tv-ImageViewer-next-right: calc(var(--tv-space-base) * 8); } diff --git a/packages/theme/src/image/vars.less b/packages/theme/src/image/vars.less index 45fc7229a9..254a718ad9 100644 --- a/packages/theme/src/image/vars.less +++ b/packages/theme/src/image/vars.less @@ -12,7 +12,7 @@ .inject-Image-vars() { // 图片错误字号 - --tv-Image-error-font-size: var(--tv-font-size-md); + --tv-Image-error-font-size: var(--tv-font-size-default); // 图片错误色 --tv-Image-error-text-color: var(--tv-color-text-weaken); // 图片错误背景色 diff --git a/packages/theme/src/input/vars.less b/packages/theme/src/input/vars.less index a10bd8434c..b24f711769 100644 --- a/packages/theme/src/input/vars.less +++ b/packages/theme/src/input/vars.less @@ -15,15 +15,15 @@ // 输入框背景颜色 --tv-Input-bg-color: var(--tv-color-bg-secondary); // 输入框字体大小 - --tv-Input-font-size: var(--tv-font-size-md); + --tv-Input-font-size: var(--tv-font-size-default); // 输入框计数器字体大小 --tv-Input-count-font-size: var(--tv-font-size-sm); // small和mini尺寸字体大小 --tv-Input-small-font-size: var(--tv-font-size-sm); // 输入框高度v - --tv-Input-height: var(--tv-size-height-md); + --tv-Input-height: var(--tv-size-height-default); // 输入框边框圆角 - --tv-Input-border-radius: var(--tv-border-radius-md); + --tv-Input-border-radius: var(--tv-border-radius-default); // 输入框边框色 --tv-Input-border-color: var(--tv-color-border); // 输入框hover时边框色 diff --git a/packages/theme/src/ip-address/vars.less b/packages/theme/src/ip-address/vars.less index d562410265..d810ca6bfd 100644 --- a/packages/theme/src/ip-address/vars.less +++ b/packages/theme/src/ip-address/vars.less @@ -12,7 +12,7 @@ .inject-IpAddress-vars() { // IP地址输入框高度 - --tv-IpAddress-normal-height: var(--tv-size-height-md); + --tv-IpAddress-normal-height: var(--tv-size-height-default); // IP地址输入框宽度 --tv-IpAddress-normal-width: 182px; // IP地址输入框默认水平内边距 @@ -32,9 +32,9 @@ // IP地址输入框默认背景色 --tv-IpAddress-normal-bg-color: var(--tv-color-bg-secondary); // IP地址输入框圆角 - --tv-IpAddress-border-radius: var(--tv-border-radius-md); + --tv-IpAddress-border-radius: var(--tv-border-radius-default); // IP地址输入框字号 - --tv-IpAddress-font-size: var(--tv-font-size-md); + --tv-IpAddress-font-size: var(--tv-font-size-default); // IP地址输入框字族 --tv-IpAddress-normal-font-family: var(--tv-font-family-1); // IP地址输入框聚焦边框色 @@ -50,7 +50,7 @@ // 大尺寸高度 --tv-IpAddress-medium-height: calc(var(--tv-size-height-lg) - 2px); // 默认尺寸高度 - --tv-IpAddress-default-height: calc(var(--tv-size-height-md) - 2px); + --tv-IpAddress-default-height: calc(var(--tv-size-height-default) - 2px); // 小尺寸高度 --tv-IpAddress-small-height: calc(var(--tv-size-height-sm) - 2px); // 超小尺寸高度 diff --git a/packages/theme/src/link-menu/vars.less b/packages/theme/src/link-menu/vars.less index 7ee47ef9ce..0e40e5cf77 100644 --- a/packages/theme/src/link-menu/vars.less +++ b/packages/theme/src/link-menu/vars.less @@ -14,7 +14,7 @@ // 收藏夹设置按钮图标色(和取消按钮文本色) --tv-LinkMenu-nav-item-text-color: var(--tv-color-text); // 收藏夹设置字体大小 - --tv-LinkMenu-item-font-size: var(--tv-font-size-md); + --tv-LinkMenu-item-font-size: var(--tv-font-size-default); // 收藏夹菜单导航右边框色 --tv-LinkMenu-nav-item-border-color: var(--tv-color-border); // 收藏夹菜单按钮文本色 @@ -22,21 +22,21 @@ // 收藏夹设置按钮,弹出框输入框和取消按钮的背景色 --tv-LinkMenu-btn-bg-color: var(--tv-color-info-bg-white); // 收藏夹弹出框的输入框高度 - --tv-LinkMenu-input-height: var(--tv-size-height-md); + --tv-LinkMenu-input-height: var(--tv-size-height-default); // 收藏夹弹出框字号 - --tv-LinkMenu-input-font-size: var(--tv-font-size-md); + --tv-LinkMenu-input-font-size: var(--tv-font-size-default); // 收藏夹弹出框输入框(和列表项非节点)的文本色 --tv-LinkMenu-input-text-color: var(--tv-color-text); // 收藏夹弹出框的输入框和取消按钮边框色 --tv-LinkMenu-input-border-color: var(--tv-color-border); // 收藏夹弹出框的输入框圆角 - --tv-LinkMenu-input-border-radius: var(--tv-border-radius-md); + --tv-LinkMenu-input-border-radius: var(--tv-border-radius-default); // 收藏夹弹出框列表项的节点文本色 --tv-LinkMenu-tree-node-text-color: var(--tv-color-border); // 按钮边框颜色 --tv-LinkMenu-btn-border-color: var(--tv-color-border); // 按钮圆角 - --tv-LinkMenu-btn-border-radius: var(--tv-border-radius-md); + --tv-LinkMenu-btn-border-radius: var(--tv-border-radius-default); // 按钮大小 --tv-LinkMenu-btn-size: var(--tv-font-size-lg); // 图标大小 diff --git a/packages/theme/src/link/vars.less b/packages/theme/src/link/vars.less index 3219dd12d7..99b7127e5d 100644 --- a/packages/theme/src/link/vars.less +++ b/packages/theme/src/link/vars.less @@ -12,7 +12,7 @@ .inject-Link-vars() { // 链接字号 - --tv-Link-font-size: var(--tv-font-size-md); + --tv-Link-font-size: var(--tv-font-size-default); // 链接字重 --tv-Link-font-weight: var(--tv-font-weight-regular); // 链接下划线色(hide) diff --git a/packages/theme/src/loading/vars.less b/packages/theme/src/loading/vars.less index e1a59680bf..c48581a78b 100644 --- a/packages/theme/src/loading/vars.less +++ b/packages/theme/src/loading/vars.less @@ -29,26 +29,26 @@ // 全屏加载图标medium尺寸时的宽度 --tv-Loading-fullscreen-medium-width: var(--tv-size-height-xs); // 全屏加载图标large尺寸时的宽度 - --tv-Loading-fullscreen-large-width: var(--tv-size-height-md); + --tv-Loading-fullscreen-large-width: var(--tv-size-height-default); // 全屏加载图标small尺寸时的高度 --tv-Loading-fullscreen-small-height: var(--tv-icon-size); // 全屏加载图标medium尺寸时的高度 --tv-Loading-fullscreen-medium-height: var(--tv-size-height-xs); // 全屏加载图标large尺寸时的高度 - --tv-Loading-fullscreen-large-height: var(--tv-size-height-md); + --tv-Loading-fullscreen-large-height: var(--tv-size-height-default); // 默认加载图标small尺寸时的高度 --tv-Loading-spinner-small-height: var(--tv-icon-size); // 默认加载图标medium尺寸时的高度 --tv-Loading-spinner-medium-height: var(--tv-size-height-xs); // 默认加载图标large尺寸时的高度 - --tv-Loading-spinner-large-height: var(--tv-size-height-md); + --tv-Loading-spinner-large-height: var(--tv-size-height-default); // 默认加载图标small尺寸时的宽度 --tv-Loading-spinner-small-width: var(--tv-icon-size); // 默认加载图标medium尺寸时的宽度 --tv-Loading-spinner-medium-width: var(--tv-size-height-xs); // 默认加载图标large尺寸时的宽度 - --tv-Loading-spinner-large-width: var(--tv-size-height-md); + --tv-Loading-spinner-large-width: var(--tv-size-height-default); } diff --git a/packages/theme/src/milestone/vars.less b/packages/theme/src/milestone/vars.less index 3bfa6504b3..5cc38a2b79 100644 --- a/packages/theme/src/milestone/vars.less +++ b/packages/theme/src/milestone/vars.less @@ -12,7 +12,7 @@ .inject-Milestone-vars() { // 默认字号(不含旗子部分) - --tv-Milestone-font-size: var(--tv-font-size-md, 14px); + --tv-Milestone-font-size: var(--tv-font-size-default, 14px); /* 图标节点部分 */ // 实心显示节点光晕背景色 @@ -24,7 +24,7 @@ // 图标节点宽度 --tv-Milestone-icon-width: calc(var(--tv-size-base, 4px) * 8); // 图标节点高度 - --tv-Milestone-icon-height: var(--tv-size-height-md, 32px); + --tv-Milestone-icon-height: var(--tv-size-height-default, 32px); // 图标节点默认边框厚度 --tv-Milestone-icon-border-width: var(--tv-border-width, 1px); // 图标节点图标大小 @@ -64,7 +64,7 @@ // 旗子行高 --tv-Milestone-flag-line-height: var(--tv-line-height-number, 1.5); // 旗子字号 - --tv-Milestone-flag-font-size: var(--tv-font-size-md, 14px); + --tv-Milestone-flag-font-size: var(--tv-font-size-default, 14px); // 旗子圆角 --tv-Milestone-flag-border-radius: 0 var(--tv-border-radius-lg, 8px) var(--tv-border-radius-lg, 8px) 0; // 旗子文本色 diff --git a/packages/theme/src/modal/vars.less b/packages/theme/src/modal/vars.less index 447dc2ed04..be66669d20 100644 --- a/packages/theme/src/modal/vars.less +++ b/packages/theme/src/modal/vars.less @@ -110,7 +110,7 @@ // 消息的字体颜色 --tv-Modal-msg-box-text-color: var(--tv-color-text); // 消息的字体大小 - --tv-Modal-msg-box-font-size: var(--tv-font-size-md); + --tv-Modal-msg-box-font-size: var(--tv-font-size-default); // 消息的字重 --tv-Modal-msg-box-font-weight: var(--tv-font-weight-regular); diff --git a/packages/theme/src/month-table/vars.less b/packages/theme/src/month-table/vars.less index 5c4afb5119..f67d68e49b 100644 --- a/packages/theme/src/month-table/vars.less +++ b/packages/theme/src/month-table/vars.less @@ -12,7 +12,7 @@ .inject-MonthTable-vars() { // 字号 - --tv-MonthTable-font-size: var(--tv-font-size-md, 14px); + --tv-MonthTable-font-size: var(--tv-font-size-default, 14px); // 行高 --tv-MonthTable-line-height: var(--tv-line-height-number, 1.5); // 文本色 diff --git a/packages/theme/src/nav-menu/vars.less b/packages/theme/src/nav-menu/vars.less index 2685900ada..441946eaab 100644 --- a/packages/theme/src/nav-menu/vars.less +++ b/packages/theme/src/nav-menu/vars.less @@ -16,7 +16,7 @@ // 导航菜单栏背景色 --tv-NavMenu-bg-color: var(--tv-color-bg-secondary); // 导航菜单栏字号 - --tv-NavMenu-item-font-size: var(--tv-font-size-md); + --tv-NavMenu-item-font-size: var(--tv-font-size-default); // 单个导航菜单外边距 --tv-NavMenu-item-li-margin: var(--tv-space-xl); // 导航菜单栏内边距 @@ -42,13 +42,13 @@ // 导航菜单更多按钮展示的下拉框右边框色 --tv-NavMenu-popmenu-more-menu-border-color-right: var(--tv-color-border); // 导航菜单更多按钮展示的下拉框字体大小 - --tv-NavMenu-popmenu-more-menu-font-size: var(--tv-font-size-md); + --tv-NavMenu-popmenu-more-menu-font-size: var(--tv-font-size-default); // 导航菜单更多按钮展示的下拉框图标大小 --tv-NavMenu-popmenu-more-menu-icon-size: 14px; // 导航菜单更多按钮展示的下拉框高度 --tv-NavMenu-popmenu-more-item-height: 40px; // 导航菜单栏下拉框文字高度 - --tv-NavMenu-popmenu-text-height: var(--tv-size-height-md); + --tv-NavMenu-popmenu-text-height: var(--tv-size-height-default); // 导航菜单更多按钮展示的下拉框列表项图标文本色 --tv-NavMenu-popmenu-more-item-icon-color: var(--tv-color-icon); // 导航菜单更多按钮展示的下拉框列表项文本色 @@ -66,11 +66,11 @@ // 导航菜单下拉框非标题选项点击瞬间背景色 --tv-NavMenu-popmenu-more-item-active-bg-color: var(--tv-color-bg-hover-secondary); // 导航菜单下拉框标题字号 - --tv-NavMenu-popmenu-node-title-font-size: var(--tv-font-size-md); + --tv-NavMenu-popmenu-node-title-font-size: var(--tv-font-size-default); // 导航菜单下拉框标题字号 --tv-NavMenu-popmenu-text-font-size: var(--tv-font-size-sm); // 导航菜单下拉框圆角 - --tv-NavMenu-popmenu-box-radius: var(--tv-border-radius-md); + --tv-NavMenu-popmenu-box-radius: var(--tv-border-radius-default); // 导航菜单下拉框非标题项字号 - --tv-NavMenu-popmenu-node-item-font-size: var(--tv-font-size-md); + --tv-NavMenu-popmenu-node-item-font-size: var(--tv-font-size-default); } diff --git a/packages/theme/src/notify/vars.less b/packages/theme/src/notify/vars.less index d5d39f23bb..9dc5eb0db2 100644 --- a/packages/theme/src/notify/vars.less +++ b/packages/theme/src/notify/vars.less @@ -56,7 +56,7 @@ // 通知内容的字体颜色 --tv-Notify-msg-text-color: var(--tv-color-text-secondary); // 通知内容的字体大小 - --tv-Notify-msg-font-size: var(--tv-font-size-md); + --tv-Notify-msg-font-size: var(--tv-font-size-default); // 通知内容的最大高度 --tv-Notify-msg-max-height: 96px; diff --git a/packages/theme/src/numeric/vars.less b/packages/theme/src/numeric/vars.less index e8410e5161..6dcc22815e 100644 --- a/packages/theme/src/numeric/vars.less +++ b/packages/theme/src/numeric/vars.less @@ -14,9 +14,9 @@ // 默认宽度 --tv-Numeric-input-width: 126px; // 默认高度 - --tv-Numeric-input-normal-height: var(--tv-size-height-md); + --tv-Numeric-input-normal-height: var(--tv-size-height-default); // 边框圆角 - --tv-Numeric-input-border-radius: var(--tv-border-radius-md); + --tv-Numeric-input-border-radius: var(--tv-border-radius-default); // 边框默认色 --tv-Numeric-input-normal-border-color: var(--tv-color-border); // 分隔线颜色 @@ -24,7 +24,7 @@ // 分割线高度 --tv-Numeric-input-dividing-border-height: 20px; // 输入框字号 - --tv-Numeric-input-normal-font-size: var(--tv-font-size-md); + --tv-Numeric-input-normal-font-size: var(--tv-font-size-default); // 输入框字体色 --tv-Numeric-input-normal-text-color: var(--tv-color-text); // 默认背景色 @@ -93,7 +93,7 @@ // 单位字体色 --tv-Numeric-input-unit-text-color: var(--tv-color-text-secondary); // 单位字号 - --tv-Numeric-input-unit-font-size: var(--tv-font-size-md); + --tv-Numeric-input-unit-font-size: var(--tv-font-size-default); // 单位左边框颜色 --tv-Numeric-input-unit-border-left-color: var(--tv-color-border); // 单位背景色 diff --git a/packages/theme/src/option/vars.less b/packages/theme/src/option/vars.less index 47749b9e0d..fbf8831551 100644 --- a/packages/theme/src/option/vars.less +++ b/packages/theme/src/option/vars.less @@ -12,7 +12,7 @@ .inject-Option-vars() { // 字号 - --tv-Option-font-size: var(--tv-font-size-md, 14px); + --tv-Option-font-size: var(--tv-font-size-default, 14px); // 行高 --tv-Option-line-height: var(--tv-line-height-number, 1.5); // 文本色 @@ -36,7 +36,7 @@ --tv-Option-icon-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0); // 选项高度 - --tv-Option-height: var(--tv-size-height-md, 32px); + --tv-Option-height: var(--tv-size-height-default, 32px); // 选项内边距 --tv-Option-padding: 0px var(--tv-space-xl, 16px); // 复选框右侧外边距 diff --git a/packages/theme/src/pager/vars.less b/packages/theme/src/pager/vars.less index 7fcd0443ce..ab26cbaa29 100644 --- a/packages/theme/src/pager/vars.less +++ b/packages/theme/src/pager/vars.less @@ -12,7 +12,7 @@ .inject-Pager-vars() { // 分页字号 - --tv-Pager-font-size: var(--tv-font-size-md); + --tv-Pager-font-size: var(--tv-font-size-default); // 分页文本色 --tv-Pager-text-color: var(--tv-color-text); // 分页禁用文本色 @@ -42,7 +42,7 @@ // 分页禁用背景颜色 --tv-Pager-bg-color-disabled: var(--tv-color-bg-disabled); // 分页高度 - --tv-Pager-height: var(--tv-size-height-md); + --tv-Pager-height: var(--tv-size-height-default); // 分页纵向内边距 --tv-Pager-padding-y: var(--tv-space-md); // -------mini分页相关样式------- @@ -86,9 +86,9 @@ --tv-Pager-next-margin-left: var(--tv-space-md); // -------分页输入框相关样式------- // 分页输入框圆角 - --tv-Pager-input-border-radius: var(--tv-border-radius-md); + --tv-Pager-input-border-radius: var(--tv-border-radius-default); // 分页选择框|输入框|前往按钮高度 - --tv-Pager-input-height: var(--tv-size-height-md); + --tv-Pager-input-height: var(--tv-size-height-default); // -------跳至相关样式------ // 跳至左侧文字左侧内边距 --tv-Pager-goto-left-padding-left: var(--tv-space-xl); diff --git a/packages/theme/src/picker/vars.less b/packages/theme/src/picker/vars.less index ef9e0128bd..8e2b2fdb6a 100644 --- a/packages/theme/src/picker/vars.less +++ b/packages/theme/src/picker/vars.less @@ -12,7 +12,7 @@ .inject-Picker-vars() { // 字号 - --tv-Picker-font-size: var(--tv-font-size-md, 14px); + --tv-Picker-font-size: var(--tv-font-size-default, 14px); // mini尺寸字号 --tv-Picker-font-size-sm: var(--tv-font-size-sm, 12px); // 文本色 diff --git a/packages/theme/src/pop-upload/vars.less b/packages/theme/src/pop-upload/vars.less index d9b47cff67..ef0949d505 100644 --- a/packages/theme/src/pop-upload/vars.less +++ b/packages/theme/src/pop-upload/vars.less @@ -12,11 +12,11 @@ .inject-PopUpload-vars() { // 上传按钮文字大小 - --tv-PopUpload-font-size: var(--tv-font-size-md); + --tv-PopUpload-font-size: var(--tv-font-size-default); // 弹窗表格高度 --tv-PopUpload-dialog-table-height: 280px; // 弹窗表格字号 - --tv-PopUpload-dialog-table-font-size: var(--tv-font-size-md); + --tv-PopUpload-dialog-table-font-size: var(--tv-font-size-default); // 弹窗表格头部竖向分割线高度(new) --tv-PopUpload-dialog-table-line-height: 16px; // 弹窗表格头部高度 diff --git a/packages/theme/src/popconfirm/vars.less b/packages/theme/src/popconfirm/vars.less index 7a38e3b2ba..8070fbeddf 100644 --- a/packages/theme/src/popconfirm/vars.less +++ b/packages/theme/src/popconfirm/vars.less @@ -16,7 +16,7 @@ // 提示弹窗content字体行高 --tv-Popconfirm-popover-content-line-height: var(--tv-line-height-number); // 提示弹窗字体大小 - --tv-Popconfirm-popover-footer-font-size: var(--tv-font-size-md); + --tv-Popconfirm-popover-footer-font-size: var(--tv-font-size-default); // 提示弹窗字体颜色 --tv-Popconfirm-popover-footer-font-color: var(--tv-color-text); // 提示弹窗容器垂直内边距 diff --git a/packages/theme/src/popeditor/vars.less b/packages/theme/src/popeditor/vars.less index 91d7357ca3..9defb635a3 100644 --- a/packages/theme/src/popeditor/vars.less +++ b/packages/theme/src/popeditor/vars.less @@ -12,7 +12,7 @@ .inject-Popeditor-vars() { // 默认字号大小 - --tv-Popeditor-font-size: var(--tv-font-size-md); + --tv-Popeditor-font-size: var(--tv-font-size-default); // 输入框右侧默认图标色 --tv-Popeditor-icon-color: var(--tv-color-icon); // 输入框右侧禁用图标色 @@ -20,9 +20,9 @@ // 输入框右侧默认图标悬浮色 --tv-Popeditor-icon-color-hover: var(--tv-color-icon-hover); // 输入框右侧默认图标字号 - --tv-Popeditor-icon-font-size: var(--tv-font-size-md); + --tv-Popeditor-icon-font-size: var(--tv-font-size-default); // 输入框右侧默认图标高度 - --tv-Popeditor-icon-height: var(--tv-size-height-md); + --tv-Popeditor-icon-height: var(--tv-size-height-default); // 输入框右侧默认图标行高 --tv-Popeditor-icon-line-height: var(--tv-Popeditor-icon-height); // 弹出框头部标题选中文本色和边框色 diff --git a/packages/theme/src/popover/vars.less b/packages/theme/src/popover/vars.less index e0dd2ceea8..96a6ecdabc 100644 --- a/packages/theme/src/popover/vars.less +++ b/packages/theme/src/popover/vars.less @@ -18,7 +18,7 @@ // 弹框圆角 --tv-Popover-border-radius: var(--tv-border-radius-lg); // 弹框内容字号 - --tv-Popover-font-size: var(--tv-font-size-md); + --tv-Popover-font-size: var(--tv-font-size-default); // 弹框内容行高 --tv-Popover-line-height: var(--tv-line-height-number); // 弹框标题文本色 diff --git a/packages/theme/src/progress/vars.less b/packages/theme/src/progress/vars.less index 7c7a412e13..a823007e6a 100644 --- a/packages/theme/src/progress/vars.less +++ b/packages/theme/src/progress/vars.less @@ -17,7 +17,7 @@ // 横向条已完成背景色 --tv-Progress-inner-bg-color: var(--tv-color-info-bg, #1476ff); // 横向条内层文本字号 - --tv-Progress-inner-font-size: var(--tv-font-size-md, 14px); + --tv-Progress-inner-font-size: var(--tv-font-size-default, 14px); // 横向条内层文本色 --tv-Progress-inner-text-color: var(--tv-color-text-white, #ffffff); diff --git a/packages/theme/src/radio-button/vars.less b/packages/theme/src/radio-button/vars.less index acdc0f2c62..f8158a436e 100644 --- a/packages/theme/src/radio-button/vars.less +++ b/packages/theme/src/radio-button/vars.less @@ -14,9 +14,9 @@ // 单选框按钮文本色 --tv-RadioButton-text-color: var(--tv-color-text); // 单选框按钮圆角 - --tv-RadioButton-border-radius: var(--tv-border-radius-md); + --tv-RadioButton-border-radius: var(--tv-border-radius-default); // 单选框按钮字体大小 - --tv-RadioButton-font-size: var(--tv-font-size-md); + --tv-RadioButton-font-size: var(--tv-font-size-default); // 单选框按钮背景色 --tv-RadioButton-bg-color: var(--tv-color-bg); // 单选框按钮选中背景色 @@ -32,7 +32,7 @@ // 单选框按钮选中状态禁用背景色 --tv-RadioButton-checked-disabled-bg-color: var(--tv-color-bg-disabled-control-checked); // 单选框按钮中等尺寸 - --tv-RadioButton-size-height-md: var(--tv-size-height-md); + --tv-RadioButton-size-height-md: var(--tv-size-height-default); // 单选框按钮小型尺寸 --tv-RadioButton-size-height-sm: var(--tv-size-height-sm); // 单选框按钮超小尺寸 diff --git a/packages/theme/src/radio/vars.less b/packages/theme/src/radio/vars.less index 587e8ad9a9..0763cd223b 100644 --- a/packages/theme/src/radio/vars.less +++ b/packages/theme/src/radio/vars.less @@ -16,7 +16,7 @@ // 单选框字号 --tv-Radio-font-size: var(--tv-font-size-sm); // 带边框类单选框圆角 - --tv-Radio-bordered-border-radius: var(--tv-border-radius-md); + --tv-Radio-bordered-border-radius: var(--tv-border-radius-default); // 单选框默认边框色 --tv-Radio-bordered-border-color: var(--tv-color-border); // 单选框默认禁用边框色 diff --git a/packages/theme/src/rate/vars.less b/packages/theme/src/rate/vars.less index 62100a14e6..7e23ec5513 100644 --- a/packages/theme/src/rate/vars.less +++ b/packages/theme/src/rate/vars.less @@ -14,9 +14,9 @@ // 图标右侧文本左外边距 --tv-Rate-text-margin-left: var(--tv-space-lg); // 图标右侧文本字号 - --tv-Rate-text-font-size: var(--tv-font-size-md); + --tv-Rate-text-font-size: var(--tv-font-size-default); // 图标下方提示文本字号 - --tv-Rate-bottom-font-size: var(--tv-font-size-md); + --tv-Rate-bottom-font-size: var(--tv-font-size-default); // 图标下方提示文本上外边距 --tv-Rate-bottom-margin-top: var(--tv-space-md); } diff --git a/packages/theme/src/rich-text-editor/vars.less b/packages/theme/src/rich-text-editor/vars.less index f2a0b0a357..0b9177f7a1 100644 --- a/packages/theme/src/rich-text-editor/vars.less +++ b/packages/theme/src/rich-text-editor/vars.less @@ -12,7 +12,7 @@ // 头部图标弹出下拉框阴影 --tv-RichTextEditor-options-box-shadow: var(--tv-shadow-3-down); // 头部图标弹出下拉框圆角 - --tv-RichTextEditor-options-border-radius: var(--tv-border-radius-md); + --tv-RichTextEditor-options-border-radius: var(--tv-border-radius-default); // 头部图标弹出下拉框选项文本色 --tv-RichTextEditor-options-text-color: var(--tv-color-text); // 头部图标弹出下拉框选项悬浮背景颜色 diff --git a/packages/theme/src/roles/vars.less b/packages/theme/src/roles/vars.less index 163b4225a5..f462f519f4 100644 --- a/packages/theme/src/roles/vars.less +++ b/packages/theme/src/roles/vars.less @@ -12,11 +12,11 @@ .inject-Roles-vars() { // 下拉面板选项高度 - --tv-Roles-poplist-item-height: var(--tv-size-height-md); + --tv-Roles-poplist-item-height: var(--tv-size-height-default); // 下拉面板选项字体颜色 --tv-Roles-poplist-item-text-color: var(--tv-color-text); // 下拉面板选项字体尺寸 - --tv-Roles-poplist-item-font-size: var(--tv-font-size-md); + --tv-Roles-poplist-item-font-size: var(--tv-font-size-default); // 下拉面板选项悬浮背景色 --tv-Roles-poplist-item-hover-bg-color: var(--tv-color-bg-hover); // 下拉面板选项选中色 diff --git a/packages/theme/src/search/vars.less b/packages/theme/src/search/vars.less index 8352f2d8c5..483cedebbb 100644 --- a/packages/theme/src/search/vars.less +++ b/packages/theme/src/search/vars.less @@ -12,9 +12,9 @@ .inject-Search-vars() { // 搜索框字号 - --tv-Search-font-size: var(--tv-font-size-md); + --tv-Search-font-size: var(--tv-font-size-default); // 搜索框高度 - --tv-Search-input-height: var(--tv-size-height-md); + --tv-Search-input-height: var(--tv-size-height-default); // 搜索框左内边距 --tv-Search-input-padding-left: var(--tv-space-lg); // 搜索框边框色 @@ -22,7 +22,7 @@ // 搜索框聚焦时边框色 --tv-Search-input-focus-border-color: var(--tv-color-border-active); // 搜索框圆角 - --tv-Search-input-border-radius: var(--tv-border-radius-md); + --tv-Search-input-border-radius: var(--tv-border-radius-default); // 搜索框文本色 --tv-Search-input-text-color: var(--tv-color-text); // 文本禁用色 @@ -52,7 +52,7 @@ // 下拉按钮和下拉框文本色 --tv-Search-selector-text-color: var(--tv-color-text); // 搜索下拉框圆角 - --tv-Search-selector-border-radius: var(--tv-border-radius-md); + --tv-Search-selector-border-radius: var(--tv-border-radius-default); // 搜索下拉框背景色 --tv-Search-selector-bg-color: var(--tv-color-bg-secondary); // 搜索下拉框阴影 @@ -62,7 +62,7 @@ // 搜索下拉框上外边距 --tv-Search-selector-margin-top: 4px; // 搜索下拉框选项高度 - --tv-Search-selector-list-height: var(--tv-size-height-md); + --tv-Search-selector-list-height: var(--tv-size-height-default); // 下拉框选项悬浮背景色 --tv-Search-list-hover-bg-color: var(--tv-color-bg-hover); // 搜索下拉框选项水平内边距 diff --git a/packages/theme/src/select-dropdown/vars.less b/packages/theme/src/select-dropdown/vars.less index 5922e16919..267cc66d2f 100644 --- a/packages/theme/src/select-dropdown/vars.less +++ b/packages/theme/src/select-dropdown/vars.less @@ -14,7 +14,7 @@ // 文本色 --tv-SelectDropdown-text-color: var(--tv-color-text, #191919); // 字号 - --tv-SelectDropdown-font-size: var(--tv-font-size-md, 14px); + --tv-SelectDropdown-font-size: var(--tv-font-size-default, 14px); // 字号（loading、空数据等辅助提示类） --tv-SelectDropdown-font-size-tip: var(--tv-font-size-sm, 12px); // 文本色（loading、空数据等辅助提示类） @@ -34,7 +34,7 @@ --tv-SelectDropdown-icon-color-static: var(--tv-color-icon-control, #191919); // 下拉框圆角 - --tv-SelectDropdown-border-radius: var(--tv-border-radius-md, 6px); + --tv-SelectDropdown-border-radius: var(--tv-border-radius-default, 6px); // 下拉框背景色 --tv-SelectDropdown-bg-color: var(--tv-color-bg-secondary, #ffffff); // 下拉框阴影 diff --git a/packages/theme/src/select/vars.less b/packages/theme/src/select/vars.less index b64d394f94..c8feabfd08 100644 --- a/packages/theme/src/select/vars.less +++ b/packages/theme/src/select/vars.less @@ -16,7 +16,7 @@ // 多选禁用文本色 --tv-Select-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2); // 默认字号 - --tv-Select-font-size: var(--tv-font-size-md, 14px); + --tv-Select-font-size: var(--tv-font-size-default, 14px); // 图标色 --tv-Select-icon-color: var(--tv-color-icon, #808080); @@ -28,7 +28,7 @@ --tv-Select-icon-size: var(--tv-icon-size, 16px); // 选择器高度 - --tv-Select-height: var(--tv-size-height-md, 32px); + --tv-Select-height: var(--tv-size-height-default, 32px); // 选择器高度(mini) --tv-Select-height-mini: var(--tv-size-height-xs, 24px); // 选择器高度(small) @@ -37,7 +37,7 @@ --tv-Select-height-medium: var(--tv-size-height-lg, 40px); // 标签区域高度 - --tv-Select-tags-height: var(--tv-size-height-md, 32px); + --tv-Select-tags-height: var(--tv-size-height-default, 32px); // 标签区域内边距 --tv-Select-tags-padding: var(--tv-space-xs, 2px) 0px var(--tv-space-xs, 2px) var(--tv-space-xs, 2px); // 标签区域内边距(mini) diff --git a/packages/theme/src/selected-box/vars.less b/packages/theme/src/selected-box/vars.less index 30be508d3e..1c2fefffa2 100644 --- a/packages/theme/src/selected-box/vars.less +++ b/packages/theme/src/selected-box/vars.less @@ -14,7 +14,7 @@ // 文本色 --tv-SelectedBox-text-color: var(--tv-color-text, #191919); // 字号 - --tv-SelectedBox-font-size: var(--tv-font-size-md, 14px); + --tv-SelectedBox-font-size: var(--tv-font-size-default, 14px); // 行高 --tv-SelectedBox-line-height: var(--tv-line-height-number, 1.5); // 背景色 @@ -37,7 +37,7 @@ --tv-SelectedBox-text-color-clear: var(--tv-color-icon-link, #1476ff); // 头部高度 - --tv-SelectedBox-header-height: var(--tv-size-height-md, 32px); + --tv-SelectedBox-header-height: var(--tv-size-height-default, 32px); //头部内间距 --tv-SelectedBox-header-padding: 0px var(--tv-space-lg, 12px); // 头部分割线 diff --git a/packages/theme/src/slider/vars.less b/packages/theme/src/slider/vars.less index f69fdbc8d2..a923b818d0 100644 --- a/packages/theme/src/slider/vars.less +++ b/packages/theme/src/slider/vars.less @@ -12,7 +12,7 @@ .inject-Slider-vars() { // 字号大小 - --tv-Slider-font-size: var(--tv-font-size-md); + --tv-Slider-font-size: var(--tv-font-size-default); // 滑块线条默认背景色 --tv-Slider-bg-color: var(--tv-color-bg); // 滑块线条禁用背景色 @@ -56,7 +56,7 @@ --tv-Slider-handle-disabled-border-color: var(--tv-color-border); // 滑块输入框高度 - --tv-Slider-input-height: var(--tv-size-height-md); + --tv-Slider-input-height: var(--tv-size-height-default); // 滑块输入框宽度 --tv-Slider-input-width: 80px; // 滑块输入框边框圆角 diff --git a/packages/theme/src/statistic/vars.less b/packages/theme/src/statistic/vars.less index 0e68dc9b0f..1ee670626d 100644 --- a/packages/theme/src/statistic/vars.less +++ b/packages/theme/src/statistic/vars.less @@ -1,6 +1,6 @@ .inject-Statistic-vars() { // 标题字体大小 - --tv-Statistic-font-size: var(--tv-font-size-md); + --tv-Statistic-font-size: var(--tv-font-size-default); // 后缀字体大小 --tv-Statistic-suffix-font-size: var(--tv-font-size-sm); // 标题内容字体大小 diff --git a/packages/theme/src/steps/vars.less b/packages/theme/src/steps/vars.less index 6517a7454f..8638668d38 100644 --- a/packages/theme/src/steps/vars.less +++ b/packages/theme/src/steps/vars.less @@ -12,7 +12,7 @@ .inject-Steps-vars() { // 节点默认文本字号 - --tv-Steps-font-size: var(--tv-font-size-md, 14px); + --tv-Steps-font-size: var(--tv-font-size-default, 14px); // 节点默认文本色 --tv-Steps-text-color: var(--tv-color-text, #191919); // 当前节点背景色 @@ -22,7 +22,7 @@ // 描述信息文本色 --tv-Steps-node-desc-text-color: var(--tv-color-text-weaken, #808080); // 节点圆圈尺寸 - --tv-Steps-node-circle-size: var(--tv-size-height-md, 32px); + --tv-Steps-node-circle-size: var(--tv-size-height-default, 32px); // 已完成节点边框色 --tv-Steps-node-done-border-color: var(--tv-color-border-active, #191919); // 已完成节点背景色 @@ -33,7 +33,7 @@ // 节点内容悬浮文本色 --tv-Steps-node-title-text-color-hover: var(--tv-color-text, #191919); // 序号圆圈大小 - --tv-Steps-icon-size: var(--tv-size-height-md, 32px); + --tv-Steps-icon-size: var(--tv-size-height-default, 32px); // 节点间横线厚度 --tv-Steps-line-height: var(--tv-border-width, 1px); // 节点间横线水平边距 @@ -81,7 +81,7 @@ // small尺寸序号圆圈大小 --tv-Steps-icon-small-size: calc(var(--tv-space-base, 4px) * 6); // small尺寸序号字号 - --tv-Steps-small-number-font-size: var(--tv-font-size-md, 14px); + --tv-Steps-small-number-font-size: var(--tv-font-size-default, 14px); /** 条形步骤条高级向导场景 */ // 高级向导节点背景色 @@ -181,7 +181,7 @@ /** timline场景 */ // timeline图标字号 - --tv-Steps-number-font-size: var(--tv-font-size-md, 14px); + --tv-Steps-number-font-size: var(--tv-font-size-default, 14px); // 图标边框宽度 --tv-Steps-icon-border-width: var(--tv-border-width, 1px); // 自定义图标背景色 @@ -193,11 +193,11 @@ // 自定义图标大小 --tv-Steps-custom-icon-size: calc(var(--tv-size-base, 4px) * 5); // 时间信息字号 - --tv-Steps-time-font-size: var(--tv-font-size-md, 14px); + --tv-Steps-time-font-size: var(--tv-font-size-default, 14px); // 时间信息文本色 --tv-Steps-time-text-color: var(--tv-color-text-weaken, #808080); // 已完成节点图标大小 - --tv-Steps-done-icon-size: var(--tv-font-size-md, 14px); + --tv-Steps-done-icon-size: var(--tv-font-size-default, 14px); // 错误节点背景色 --tv-Steps-error-bg-color: transparent; // 错误节点图标大小 @@ -217,7 +217,7 @@ // 底部分割线的颜色 --tv-Steps-bottom-divider-bg-color: var(--tv-color-border-divider, #f0f0f0); // 竖式步骤条节点左右字号 - --tv-Steps-timeline-name-font-size: var(--tv-font-size-md, 14px); + --tv-Steps-timeline-name-font-size: var(--tv-font-size-default, 14px); // 竖式步骤条线条上下间距 --tv-Steps-timeline-line-margin-vertical: var(--tv-space-base, 4px); // 竖式步骤条线条背景色 diff --git a/packages/theme/src/table/vars.less b/packages/theme/src/table/vars.less index 66db7c441e..eeb49a2f3c 100644 --- a/packages/theme/src/table/vars.less +++ b/packages/theme/src/table/vars.less @@ -26,7 +26,7 @@ // 表格单元格高度 --tv-Table-td-height: var(--tv-size-height-lg); // 表格单元格字体大小 - --tv-Table-td-font-size: var(--tv-font-size-md); + --tv-Table-td-font-size: var(--tv-font-size-default); // 表格边框颜色 --tv-Table-border-color: var(--tv-color-border); // 表头背景颜色 diff --git a/packages/theme/src/tabs/vars.less b/packages/theme/src/tabs/vars.less index 81f74bdeca..608f291613 100644 --- a/packages/theme/src/tabs/vars.less +++ b/packages/theme/src/tabs/vars.less @@ -32,7 +32,7 @@ // 标签页选项禁用色 --tv-Tabs-item-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2); // 标签页新增按钮圆角 - --tv-Tabs-new-border-radius: var(--tv-border-radius-md, 6px); + --tv-Tabs-new-border-radius: var(--tv-border-radius-default, 6px); // 标签页下拉框背景色(hide) --tv-Tabs-dropdown-bg-color: var(--tv-color-act-primary-bg-white, #ffffff); // card类型(无size属性)标签项高度 @@ -46,7 +46,7 @@ // 分隔符类型标签项水平内边距 --tv-Tabs-header-separator-padding-horizontal: var(--tv-space-xl, 16px); // 分隔符类型标签项高度 - --tv-Tabs-header-separator-item-height: var(--tv-size-height-md, 32px); + --tv-Tabs-header-separator-item-height: var(--tv-size-height-default, 32px); // 分隔符背景色 --tv-Tabs-header-separator-bg-color: var(--tv-color-bg-disabled-control-checked, #dbdbdb); // card类型选中项顶部块背景色 @@ -78,11 +78,11 @@ // card类型标签项默认上|右边框色 --tv-Tabs-item-card-border-color: transparent; // bordercard类型选中项圆角 - --tv-Tabs-dark-border-radius: var(--tv-border-radius-md, 6px) var(--tv-border-radius-md, 6px) 0 0; + --tv-Tabs-dark-border-radius: var(--tv-border-radius-default, 6px) var(--tv-border-radius-default, 6px) 0 0; // bordercard类型选中项文本色 --tv-Tabs-dark-text-color-active: var(--tv-color-info-text-primary, #191919); // bordercard类型选中项背景色 - --tv-Tabs-dark-bg-color-active: var(--tv-color-bg-active, #f5f5f5); + --tv-Tabs-dark-bg-color-active: var(--tv-color-bg-active-dark, #f5f5f5); // bordercard类型非选中项悬浮文本色 --tv-Tabs-dark-text-color-hover: var(--tv-color-act-info-text-white-hover, #ffffff); // bordercard类型非选中项文本色 @@ -94,11 +94,11 @@ // bordercard类型标签栏边框厚度 --tv-Tabs-dark-border-weight: 0px; // bordercard类型默认背景色 - --tv-Tabs-header-dark-bg-color: var(--tv-color-bg-primary, #191919); + --tv-Tabs-header-dark-bg-color: var(--tv-color-bg-dark, #191919); // bordercard类型标签项高度 --tv-Tabs-dark-item-height: calc(var(--tv-size-base, 4px) * 11.75); // 标签项超出时上下按钮尺寸 - --tv-Tabs-prev-next-btn-icon-size: var(--tv-font-size-md, 14px); + --tv-Tabs-prev-next-btn-icon-size: var(--tv-font-size-default, 14px); // 标签项默认右外边距 --tv-Tabs-item-margin-right: 32px; // 标签项active边框样式(hide) @@ -110,7 +110,7 @@ // 纵向标签栏非选中项背景色 --tv-Tabs-header-bg-color: var(--tv-color-bg-header, #f0f0f0); // 纵向标签栏字号 - --tv-Tabs-font-size-base: var(--tv-font-size-md, 14px); + --tv-Tabs-font-size-base: var(--tv-font-size-default, 14px); // 竖向标签项水平内边距 --tv-Tabs-item-vertical-padding-horizontal: var(--tv-font-size-xxl, 20px); // 选中标签项小滑块厚度(不含card类型) @@ -126,7 +126,7 @@ // 可关闭项(选中项|未选中项悬浮)图标色 --tv-Tabs-icon-close-hover-text-color: var(--tv-color-icon-hover, #191919); // 可关闭项关闭图标尺寸 - --tv-Tabs-icon-size-close: var(--tv-font-size-md, 14px); + --tv-Tabs-icon-size-close: var(--tv-font-size-default, 14px); // 可关闭项关闭图标垂直外边距(hide) --tv-Tabs-icon-close-margin-vertical: 0px; // 可关闭项右外边距 @@ -158,9 +158,9 @@ // buttoncard类型选项悬浮文本色 --tv-Tabs-button-card-item-hover-text-color: #191919; // buttoncard类型选项字号 - --tv-Tabs-button-card-item-font-size: var(--tv-font-size-md, 14px); + --tv-Tabs-button-card-item-font-size: var(--tv-font-size-default, 14px); // buttoncard类型选项高度 - --tv-Tabs-button-card-item-height: var(--tv-size-height-md, 32px); + --tv-Tabs-button-card-item-height: var(--tv-size-height-default, 32px); // buttoncard类型选中项背景色 --tv-Tabs-button-card-item-active-bg-color: var(--tv-color-act-primary-bg-white-active, #ffffff); // buttoncard类型选中项文本色 @@ -168,7 +168,7 @@ // buttoncard类型选中项边框色 --tv-Tabs-button-card-item-active-border-color: #191919; // buttoncard类型圆角 - --tv-Tabs-button-card-border-radius: var(--tv-border-radius-md, 6px); + --tv-Tabs-button-card-border-radius: var(--tv-border-radius-default, 6px); // buttoncard类型选项水平内边距 --tv-Tabs-button-card-title-padding-horizontal: 24px; // buttoncard类型字重 diff --git a/packages/theme/src/tag/vars.less b/packages/theme/src/tag/vars.less index 841c1192c1..ea7da4165b 100644 --- a/packages/theme/src/tag/vars.less +++ b/packages/theme/src/tag/vars.less @@ -61,13 +61,13 @@ --tv-Tag-only-icon-padding: 0.5px; // 中等标签字号 - --tv-Tag-font-size-medium: var(--tv-font-size-md); //14 + --tv-Tag-font-size-medium: var(--tv-font-size-default); // 中等标签水平间距 --tv-Tag-padding-x-medium: 11px; // 中等标签垂直间距 --tv-Tag-padding-y-medium: 4.5px; // 中等标签圆角 - --tv-Tag-border-radius-medium: var(--tv-border-radius-md); + --tv-Tag-border-radius-medium: var(--tv-border-radius-default); // 标签在仅图标模式时，图标的大小 --tv-Tag-only-icon-font-size-medium: 16px; // 标签在仅图标模式时，标签的内边距 diff --git a/packages/theme/src/tall-storage/vars.less b/packages/theme/src/tall-storage/vars.less index 96b6eecb12..4c7da415df 100644 --- a/packages/theme/src/tall-storage/vars.less +++ b/packages/theme/src/tall-storage/vars.less @@ -14,9 +14,9 @@ // 背景颜色 --tv-TallStorage-bg-color: var(--tv-color-bg-secondary); // 圆角 - --tv-TallStorage-border-radius: var(--tv-border-radius-md); + --tv-TallStorage-border-radius: var(--tv-border-radius-default); // 选项高度 - --tv-TallStorage-item-height: var(--tv-size-height-md); + --tv-TallStorage-item-height: var(--tv-size-height-default); // 选项背景颜色 --tv-TallStorage-item-bg-color: var(--tv-color-bg); // 阴影 diff --git a/packages/theme/src/text-popup/vars.less b/packages/theme/src/text-popup/vars.less index 49071f241c..77587ea676 100644 --- a/packages/theme/src/text-popup/vars.less +++ b/packages/theme/src/text-popup/vars.less @@ -12,11 +12,11 @@ .inject-TextPopup-vars() { // 输入框圆角 - --tv-TextPopup-border-radius: var(--tv-border-radius-md); + --tv-TextPopup-border-radius: var(--tv-border-radius-default); // 输入框高度 - --tv-TextPopup-height: var(--tv-size-height-md); + --tv-TextPopup-height: var(--tv-size-height-default); // 输入框字号 - --tv-TextPopup-font-size: var(--tv-font-size-md); + --tv-TextPopup-font-size: var(--tv-font-size-default); // 输入框边框色 --tv-TextPopup-border-color: var(--tv-color-border); // 输入框聚焦展开时阴影 diff --git a/packages/theme/src/textarea/vars.less b/packages/theme/src/textarea/vars.less index 6ad7ec8d1c..c59bfc02bd 100644 --- a/packages/theme/src/textarea/vars.less +++ b/packages/theme/src/textarea/vars.less @@ -18,13 +18,13 @@ // 文本域背景颜色 --tv-Textarea-bg-color: var(--tv-color-bg-secondary); // 文本域字体大小 - --tv-Textarea-font-size: var(--tv-font-size-md); + --tv-Textarea-font-size: var(--tv-font-size-default); // 文本域计数器字体大小 --tv-Textarea-count-font-size: var(--tv-font-size-sm); // 文本域高度 - --tv-Textarea-height: var(--tv-size-height-md); + --tv-Textarea-height: var(--tv-size-height-default); // 文本域边框圆角 - --tv-Textarea-border-radius: var(--tv-border-radius-md); + --tv-Textarea-border-radius: var(--tv-border-radius-default); // 文本域边框色 --tv-Textarea-border-color: var(--tv-color-border); // 文本域内层hover时显示的边框颜色 @@ -56,7 +56,7 @@ // 文本域active时显示的边框颜色 --tv-Textarea-active-border-color: var(--tv-color-border-active); // 计数器圆角 - --tv-Textarea-count-border-radius: var(--tv-border-radius-md); + --tv-Textarea-count-border-radius: var(--tv-border-radius-default); // 计数器文本字数颜色 --tv-Textarea-count-text-length-color: var(--tv-color-text); // 计数器右侧内边距 diff --git a/packages/theme/src/time-panel/vars.less b/packages/theme/src/time-panel/vars.less index fcb84b88c6..521a734025 100644 --- a/packages/theme/src/time-panel/vars.less +++ b/packages/theme/src/time-panel/vars.less @@ -12,7 +12,7 @@ .inject-TimePanel-vars() { // 字号 - --tv-TimePanel-font-size: var(--tv-font-size-md, 14px); + --tv-TimePanel-font-size: var(--tv-font-size-default, 14px); // 面板宽度 --tv-TimePanel-width: 220px; // 面板外间距 @@ -22,7 +22,7 @@ // 面板背景色 --tv-TimePanel-bg-color: var(--tv-color-bg-secondary, #ffffff); // 面板圆角 - --tv-TimePanel-border-radius: var(--tv-border-radius-md, 6px); + --tv-TimePanel-border-radius: var(--tv-border-radius-default, 6px); // 面板阴影 --tv-TimePanel-box-shadow: var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08)); // 分割线颜色 @@ -38,7 +38,7 @@ // 按钮高度 --tv-TimePanel-btn-height: var(--tv-size-height-sm, 28px); // 按钮圆角 - --tv-TimePanel-btn-border-radius: var(--tv-border-radius-md, 6px); + --tv-TimePanel-btn-border-radius: var(--tv-border-radius-default, 6px); // 按钮字重 --tv-TimePanel-btn-font-weight: var(--tv-font-weight-bold, 600); // 按钮内间距 diff --git a/packages/theme/src/time-range/vars.less b/packages/theme/src/time-range/vars.less index a41af0f20d..fa4d9739f0 100644 --- a/packages/theme/src/time-range/vars.less +++ b/packages/theme/src/time-range/vars.less @@ -12,9 +12,9 @@ .inject-TimeRange-vars() { // 字号 - --tv-TimeRange-font-size: var(--tv-font-size-md, 14px); + --tv-TimeRange-font-size: var(--tv-font-size-default, 14px); // 圆角 - --tv-TimeRange-border-radius: var(--tv-border-radius-md, 6px); + --tv-TimeRange-border-radius: var(--tv-border-radius-default, 6px); // 分割线颜色 --tv-TimeRange-border-color-divider: var(--tv-color-border-divider, #f0f0f0); diff --git a/packages/theme/src/time-select/vars.less b/packages/theme/src/time-select/vars.less index cc7506ef4d..20ba91037b 100644 --- a/packages/theme/src/time-select/vars.less +++ b/packages/theme/src/time-select/vars.less @@ -14,7 +14,7 @@ // 时间选择选项字体色 --tv-TimeSelect-item-text-color: var(--tv-color-text); // 时间选择选项字号 - --tv-TimeSelect-item-font-size: var(--tv-font-size-md); + --tv-TimeSelect-item-font-size: var(--tv-font-size-default); // 时间选择选项左右内边距 --tv-TimeSelect-item-padding-horizontal: var(--tv-space-xl); // 时间选择选项悬浮背景色 diff --git a/packages/theme/src/time-spinner/vars.less b/packages/theme/src/time-spinner/vars.less index db42c8a520..4fcbf606d4 100644 --- a/packages/theme/src/time-spinner/vars.less +++ b/packages/theme/src/time-spinner/vars.less @@ -12,7 +12,7 @@ .inject-TimeSpinner-vars() { // 字号 - --tv-TimeSpinner-font-size: var(--tv-font-size-md, 14px); + --tv-TimeSpinner-font-size: var(--tv-font-size-default, 14px); // 文本色 --tv-TimeSpinner-text-color: var(--tv-color-text, #191919); // 文本禁用色 diff --git a/packages/theme/src/toggle-menu/vars.less b/packages/theme/src/toggle-menu/vars.less index 3e43781dbc..a724a5bb18 100644 --- a/packages/theme/src/toggle-menu/vars.less +++ b/packages/theme/src/toggle-menu/vars.less @@ -14,7 +14,7 @@ // 收缩菜单宽度 --tv-ToggleMenu-width: 200px; // 收缩菜单字号 - --tv-ToggleMenu-font-size: var(--tv-font-size-md); + --tv-ToggleMenu-font-size: var(--tv-font-size-default); // 收缩菜单列表文本色 --tv-ToggleMenu-name-text-color: var(--tv-color-text); // 收缩菜单列表项高度 diff --git a/packages/theme/src/tooltip/vars.less b/packages/theme/src/tooltip/vars.less index 409abdc48e..e7b7806a85 100644 --- a/packages/theme/src/tooltip/vars.less +++ b/packages/theme/src/tooltip/vars.less @@ -16,7 +16,7 @@ // 悬浮弹出框圆角 --tv-Tooltip-popper-border-radius: var(--tv-border-radius-lg); // 悬浮弹出框字号 - --tv-Tooltip-popper-font-size: var(--tv-font-size-md); + --tv-Tooltip-popper-font-size: var(--tv-font-size-default); // 正常背景色 --tv-Tooltip-popper-normal-bg-color: var(--tv-color-bg-secondary); @@ -54,7 +54,7 @@ --tv-Tooltip-popper-success-border-color: var(--tv-color-success-border); // dark主题弹框背景色 - --tv-Tooltip-popper-dark-bg-color: var(--tv-color-bg-primary); + --tv-Tooltip-popper-dark-bg-color: var(--tv-color-bg-dark); // dark主题弹框文本色 --tv-Tooltip-popper-dark-text-color: var(--tv-color-text-white); // dark主题|禁用时弹框边框色 diff --git a/packages/theme/src/transfer/vars.less b/packages/theme/src/transfer/vars.less index 0e94caacdc..108c77ef31 100644 --- a/packages/theme/src/transfer/vars.less +++ b/packages/theme/src/transfer/vars.less @@ -12,7 +12,7 @@ .inject-Transfer-vars() { // 字体基础大小 - --tv-Transfer-font-size: var(--tv-font-size-md, 14px); + --tv-Transfer-font-size: var(--tv-font-size-default, 14px); // 按钮组左侧内边距 --tv-Transfer-buttons-padding-left: var(--tv-space-xl, 16px); // 按钮组右侧内边距 @@ -74,7 +74,7 @@ // 面板内容区域边框色 --tv-Transfer-panel-border-color: var(--tv-color-border, #c2c2c2); // 面板内容区域边框圆角 - --tv-Transfer-panel-border-radius: var(--tv-border-radius-md, 6px); + --tv-Transfer-panel-border-radius: var(--tv-border-radius-default, 6px); // 面板高度 --tv-Transfer-panel-item-height: 32px; // 面板文本色 @@ -86,9 +86,9 @@ // 面板搜索框高度 --tv-Transfer-panel-filter-height: 32px; // 面板搜索框字体大小 - --tv-Transfer-panel-filter-font-size: var(--tv-font-size-md, 14px); + --tv-Transfer-panel-filter-font-size: var(--tv-font-size-default, 14px); // 面板搜索框边框圆角 - --tv-Transfer-panel-filter-border-radius: var(--tv-border-radius-md, 6px); + --tv-Transfer-panel-filter-border-radius: var(--tv-border-radius-default, 6px); // 面板内容区域过滤后列表高度 --tv-Transfer-panel-body-filter-height: 216px; // 面板内容区域右内边距 @@ -112,7 +112,7 @@ // 面板头部span文本色 --tv-Transfer-header-span-text-color: var(--tv-color-text, #191919); // 面板头部字体大小 - --tv-Transfer-header-font-size: var(--tv-font-size-md, 14px); + --tv-Transfer-header-font-size: var(--tv-font-size-default, 14px); // 面板头部排序图标宽度 --tv-Transfer-header-sort-width: 20px; // 面板头部排序图标文本色 diff --git a/packages/theme/src/tree-menu/vars.less b/packages/theme/src/tree-menu/vars.less index e6d3f70403..6307c35f0d 100644 --- a/packages/theme/src/tree-menu/vars.less +++ b/packages/theme/src/tree-menu/vars.less @@ -14,11 +14,11 @@ // 宽度 --tv-TreeMenu-width: 220px; // 节点高度 - --tv-TreeMenu-node-height: var(--tv-size-height-md); + --tv-TreeMenu-node-height: var(--tv-size-height-default); // 节点高度直接距离 --tv-TreeMenu-node-margin-bottom: var(--tv-space-base); // 空数据显示文本字号(hide) - --tv-TreeMenu-font-size: var(--tv-font-size-md); + --tv-TreeMenu-font-size: var(--tv-font-size-default); // 边框色 --tv-TreeMenu-border-color: var(--tv-color-border-divider); // 节点水平内边距 @@ -30,7 +30,7 @@ // 选中节点左边框色 --tv-TreeMenu-square-left-border-color: var(--tv-color-border-active); // 未选中节点文本色 - --tv-TreeMenu-node-body-text-color: var(--tv-color-act-primary-text-active); + --tv-TreeMenu-node-body-text-color: var(--tv-color-text); // 节点悬浮背景色 --tv-TreeMenu-node-hover-bg-color: var(--tv-color-bg-hover); // 折叠图标颜色 diff --git a/packages/theme/src/tree/vars.less b/packages/theme/src/tree/vars.less index 6d724cd574..5f22feacf7 100644 --- a/packages/theme/src/tree/vars.less +++ b/packages/theme/src/tree/vars.less @@ -36,7 +36,7 @@ // 节点悬浮背景色 --tv-Tree-node-content-hover-bg-color: var(--tv-color-bg, #f5f5f5); // 节点字号 - --tv-Tree-node-label-font-size: var(--tv-font-size-md, 14px); + --tv-Tree-node-label-font-size: var(--tv-font-size-default, 14px); // 节点内容左边距 --tv-Tree-node-label-margin-left: var(--tv-space-md, 8px); // 节点内容右边距 @@ -46,7 +46,7 @@ // 节点文本色(hide) --tv-Tree-node-label-text-color: var(--tv-color-text-secondary, #595959); // 展开按钮图标尺寸 - --tv-Tree-node-icon-font-size: var(--tv-font-size-md, 14px); + --tv-Tree-node-icon-font-size: var(--tv-font-size-default, 14px); // 加载图标色(hide) --tv-Tree-node-loading-icon-color: var(--tv-color-icon-control, #191919); // 展开按钮图标色 @@ -71,7 +71,7 @@ // 节点内容边框弧度 --tv-Tree-node-content-border-radius: 0; // 节点右键菜单内容字号 - --tv-Tree-node-menu-font-size: var(--tv-font-size-md, 14px); + --tv-Tree-node-menu-font-size: var(--tv-font-size-default, 14px); // 节点右键菜单字体色 --tv-Tree-node-menu-font-color: var(--tv-color-text-secondary, #595959); diff --git a/packages/theme/src/upload-dragger/vars.less b/packages/theme/src/upload-dragger/vars.less index b6d6e43510..69c15bc00d 100644 --- a/packages/theme/src/upload-dragger/vars.less +++ b/packages/theme/src/upload-dragger/vars.less @@ -20,7 +20,7 @@ // 拖拽上传框边框色 --tv-UploadDragger-border-color: var(--tv-color-border); // 拖拽上传框圆角 - --tv-UploadDragger-border-radius: var(--tv-border-radius-md); + --tv-UploadDragger-border-radius: var(--tv-border-radius-default); // 拖拽上传框(链接文本|悬浮边框)色 --tv-UploadDragger-hover-text-color: var(--tv-color-text-secondary); // 文件拖到框内上传框背景色 @@ -32,7 +32,7 @@ // 拖拽上传框内文本色 --tv-UploadDragger-text-color: var(--tv-color-text-secondary); // 拖拽上传框内字号 - --tv-UploadDragger-text-font-size: var(--tv-font-size-md); + --tv-UploadDragger-text-font-size: var(--tv-font-size-default); // 拖拽上传框文件列表边框色(hide) --tv-UploadDragger-files-border-color: #dcdfe6; } diff --git a/packages/theme/src/upload-list/vars.less b/packages/theme/src/upload-list/vars.less index b83c8340b3..df27bffd0d 100644 --- a/packages/theme/src/upload-list/vars.less +++ b/packages/theme/src/upload-list/vars.less @@ -12,7 +12,7 @@ .inject-UploadList-vars() { // 上传文件列表字号 - --tv-UploadList-item-font-size: var(--tv-font-size-md); + --tv-UploadList-item-font-size: var(--tv-font-size-default); // 上传文件列表文本色 --tv-UploadList-item-text-color: var(--tv-color-text-secondary); // 上传文件列表项(图片框|悬浮背景)圆角 @@ -32,7 +32,7 @@ // 上传文件列表项图标尺寸 --tv-UploadList-svg-icon-font-size: var(--tv-icon-size); // 上传文件列表项成功图标尺寸 - --tv-UploadList-successful-icon-font-size: var(--tv-font-size-md); + --tv-UploadList-successful-icon-font-size: var(--tv-font-size-default); // 照片墙上传列表项边框色 --tv-UploadList-picture-card-item-border-color: var(--tv-color-border); // 照片墙上传列表项背景色 diff --git a/packages/theme/src/upload/vars.less b/packages/theme/src/upload/vars.less index 74aa796ed1..711ef8df09 100644 --- a/packages/theme/src/upload/vars.less +++ b/packages/theme/src/upload/vars.less @@ -12,7 +12,7 @@ .inject-Upload-vars() { // 自定义上传提示字号 - --tv-Upload-tip-font-size: var(--tv-font-size-md); + --tv-Upload-tip-font-size: var(--tv-font-size-default); // 自定义上传提示文本色 --tv-Upload-tip-text-color: var(--tv-color-text-weaken); // 照片墙上传按钮背景色 @@ -20,7 +20,7 @@ // 照片墙上传按钮边框色 --tv-Upload-picture-card-border-color: var(--tv-color-border); // 照片墙上传按钮圆角 - --tv-Upload-picture-card-border-radius: var(--tv-border-radius-md); + --tv-Upload-picture-card-border-radius: var(--tv-border-radius-default); // 照片墙上传按钮悬浮边框色 --tv-Upload-picture-card-hover-border-color: var(--tv-color-border-hover); // 照片墙上传按钮图标尺寸 diff --git a/packages/theme/src/user-card/vars.less b/packages/theme/src/user-card/vars.less index cb71c5767d..0d399839b2 100644 --- a/packages/theme/src/user-card/vars.less +++ b/packages/theme/src/user-card/vars.less @@ -14,7 +14,7 @@ // 卡片边框色 --tv-UserCard-border-color: var(--tv-color-border); // 卡片圆角 - --tv-UserCard-image-border-radius: var(--tv-border-radius-md); + --tv-UserCard-image-border-radius: var(--tv-border-radius-default); // 在线文本色 --tv-UserCard-state-online-text-color: var(--tv-color-success-text); // 忙碌文本色 diff --git a/packages/theme/src/user-contact/vars.less b/packages/theme/src/user-contact/vars.less index 38dcf413ad..f840160bd5 100644 --- a/packages/theme/src/user-contact/vars.less +++ b/packages/theme/src/user-contact/vars.less @@ -12,7 +12,7 @@ .inject-UserContact-vars() { // 文本大小 - --tv-UserContact-font-size: var(--tv-font-size-md); + --tv-UserContact-font-size: var(--tv-font-size-default); // 文本颜色 --tv-UserContact-role-info-text-color: var(--tv-color-text-weaken); // 文字尺寸 @@ -26,7 +26,7 @@ // 头像字体颜色 --tv-UserContact-card-header-role-text-color: var(--tv-color-text-white); // 头像字体大小 - --tv-UserContact-card-header-role-font-size: var(--tv-font-size-md); + --tv-UserContact-card-header-role-font-size: var(--tv-font-size-default); // 头像数字字体颜色 --tv-UserContact-card-header-role-num-text-color: var(--tv-color-text-weaken); // espace字体颜色 diff --git a/packages/theme/src/user-head/vars.less b/packages/theme/src/user-head/vars.less index cbe4c72dc3..586125389c 100644 --- a/packages/theme/src/user-head/vars.less +++ b/packages/theme/src/user-head/vars.less @@ -11,7 +11,7 @@ */ .inject-UserHead-vars() { - --tv-UserHead-head-font-size: var(--tv-font-size-md); + --tv-UserHead-head-font-size: var(--tv-font-size-default); --tv-UserHead-head-normal-size: 72px; --tv-UserHead-head-small-size: 30px; --tv-UserHead-head-icon-size-normal: 40px; diff --git a/packages/theme/src/user-link/vars.less b/packages/theme/src/user-link/vars.less index 9503952131..8766dabfc9 100644 --- a/packages/theme/src/user-link/vars.less +++ b/packages/theme/src/user-link/vars.less @@ -11,8 +11,8 @@ */ .inject-UserLink-vars() { - --tv-UserLink-font-size: var(--tv-font-size-md); + --tv-UserLink-font-size: var(--tv-font-size-default); --tv-UserLink-text-color: var(--tv-color-text); --tv-UserLink-font-weight: var(--tv-font-weight-bold); - --tv-UserLink-border-radius: var(--tv-border-radius-md); + --tv-UserLink-border-radius: var(--tv-border-radius-default); } diff --git a/packages/theme/src/user/vars.less b/packages/theme/src/user/vars.less index 9b94191fa2..e060c268b1 100644 --- a/packages/theme/src/user/vars.less +++ b/packages/theme/src/user/vars.less @@ -12,7 +12,7 @@ .inject-User-vars() { // 字体尺寸 - --tv-User-font-size: var(--tv-font-size-md); + --tv-User-font-size: var(--tv-font-size-default); // 选中项标签背景颜色 --tv-User-tag-bg-color: var(--tv-color-bg); // 人员图标颜色 diff --git a/packages/theme/src/wizard/vars.less b/packages/theme/src/wizard/vars.less index 0e934e4090..9ea430cd61 100644 --- a/packages/theme/src/wizard/vars.less +++ b/packages/theme/src/wizard/vars.less @@ -12,7 +12,7 @@ .inject-Wizard-vars() { // 横向流程图默认字号(不含基础插槽) - --tv-Wizard-font-size: var(--tv-font-size-md, 14px); + --tv-Wizard-font-size: var(--tv-font-size-default, 14px); // 节点文本色|图标色 --tv-Wizard-icon-color: var(--tv-color-icon-hover, #191919); // 未完成节点文本色|图标色 @@ -20,7 +20,7 @@ // 时间线流程图节点两侧文本色 --tv-Wizard-text-color: var(--tv-color-text, #191919); // 时间线流程图节点右侧文字悬浮圆角 - --tv-Wizard-detail-border-radius: var(--tv-border-radius-md, 6px); + --tv-Wizard-detail-border-radius: var(--tv-border-radius-default, 6px); // 时间线流程图节点右侧文字悬浮背景色 --tv-Wizard-detail-bg-color: var(--tv-color-warn-bg, #ff8800); // 已完成的节点和线条背景色 @@ -82,7 +82,7 @@ // 垂直模式节点标题文字行高 --tv-Wizard-vertical-title-line-height: var(--tv-line-height-number, 1.5); // 垂直模式节点标题字号 - --tv-Wizard-vertical-title-font-size: var(--tv-font-size-md, 14px); + --tv-Wizard-vertical-title-font-size: var(--tv-font-size-default, 14px); // 垂直模式节点描述字号 --tv-Wizard-vertical-desc-font-size: var(--tv-font-size-sm, 12px); // 垂直模式节点描述文本色