fineP
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(radio): [radio] Adapting to the SMB theme (#1982) 

* feat(radio): [radio] Apating to the SMB theme

* feat(radio): [radio] Adapting to the SMB theme

* feat(radio): [radio] Adapting to the SMB theme
This commit is contained in:
东风使命必达 2024-08-25 19:25:43 -07:00 committed by GitHub
parent c2b708fd2c
commit c5d7f7cb8d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/theme/src/radio-button/index.less
View File

@ -117,11 +117,11 @@
&:disabled:checked {
& + .@{radio-button-prefix-cls}__inner {
background-color: var(--ti-radio-input-checked-disabled-bg-color);
background-color: var(--ti-radio-button-checked-disabled-bg-color);
color: var(--ti-radio-button-disabled-checked-text-color);
&,
&:hover {
border-color: var(--ti-radio-input-checked-disabled-border-color);
border-color: var(--ti-radio-button-checked-disabled-border-color);
}
}
}

20
packages/theme/src/radio-button/smb-theme.js
View File

@ -1,3 +1,15 @@
/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/
export const tinyRadioButtonSmbTheme = {
'ti-radio-button-checked-normal-bg-color': '#1476FF',
'ti-radio-button-checked-normal-border-color': '#1476FF',
@ -13,5 +25,11 @@ export const tinyRadioButtonSmbTheme = {
'ti-radio-button-child-right-border-radius': 'var(--ti-common-space-6)',
'ti-radio-button-padding-verticals': '9px',
'ti-radio-button-active-disabled-color': 'var(--ti-common-color-text-weaken)',
'ti-radio-button-active-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)'
'ti-radio-button-active-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
'ti-radio-button-checked-disabled-border-color': 'unset',
'ti-radio-button-bg-color': 'var(--ti-common-color-bg-normal)',
'ti-radio-button-checked-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
'ti-radio-button-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
'ti-radio-button-disabled-checked-text-color': 'var(--ti-common-color-text-weaken)',
'ti-radio-button-text-color': 'var(--ti-common-color-text-secondary)'
}

2
packages/theme/src/radio-button/vars.less
View File

@ -24,6 +24,7 @@
--ti-radio-button-checked-hover-border-color: var(--ti-common-color-primary-hover, #7693f5);
--ti-radio-button-checked-hover-box-shadow: -1px 0 0 0 var(--ti-common-color-primary-hover, #7693f5);
--ti-radio-button-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
--ti-radio-button-disabled-checked-text-color: var(--ti-common-color-text-weaken, #808080);
--ti-radio-button-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
--ti-radio-button-medium-font-size: var(--ti-common-font-size-1, 14px);
--ti-radio-button-margin-right: unset;
@ -33,4 +34,5 @@
--ti-radio-button-padding-verticals: var(--ti-common-space-3x);
--ti-radio-button-active-disabled-color: var(--ti-common-color-text-weaken);
--ti-radio-button-active-disabled-bg-color: var(--ti-common-color-bg-dark-disabled);
--ti-radio-button-checked-disabled-bg-color: #bfbfbf;
}