Web:Components:RadioButton: add support dark-theme
This commit is contained in:
parent
c8c550ee9c
commit
e7bbc913e5
@ -23,7 +23,9 @@ const Label = styled(ClearLabel)`
|
||||
|
||||
path {
|
||||
fill: ${(props) =>
|
||||
props.isDisabled && props.theme.radioButton.disableColor};
|
||||
props.isDisabled
|
||||
? props.theme.radioButton.disableBackground
|
||||
: props.theme.radioButton.background};
|
||||
}
|
||||
}
|
||||
.radio-button_text {
|
||||
@ -46,6 +48,14 @@ const Label = styled(ClearLabel)`
|
||||
`
|
||||
: css`
|
||||
cursor: pointer;
|
||||
svg {
|
||||
path:first-child {
|
||||
stroke: ${props.theme.radioButton.borderColor};
|
||||
}
|
||||
path:nth-child(even) {
|
||||
fill: ${props.theme.radioButton.fillColor};
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
svg {
|
||||
|
@ -401,9 +401,12 @@ const Base = {
|
||||
radioButton: {
|
||||
textColor: black,
|
||||
textDisableColor: gray,
|
||||
disableColor: grayLight,
|
||||
|
||||
marginRight: "4px",
|
||||
|
||||
background: white,
|
||||
disableBackground: grayLight,
|
||||
|
||||
fillColor: black,
|
||||
borderColor: grayMid,
|
||||
|
||||
|
@ -399,18 +399,20 @@ const Dark = {
|
||||
},
|
||||
|
||||
radioButton: {
|
||||
textColor: black,
|
||||
textDisableColor: gray,
|
||||
disableColor: grayLight,
|
||||
testColor: "rgba(255, 255, 255, 0.92)",
|
||||
textDisableColor: "rgba(255, 255, 255, 0.2)",
|
||||
|
||||
marginRight: "4px",
|
||||
|
||||
fillColor: black,
|
||||
borderColor: grayMid,
|
||||
background: "#292929",
|
||||
disableBackground: "rgba(255, 255, 255, 0.24)",
|
||||
|
||||
disableFillColor: grayMid,
|
||||
disableBorderColor: grayLightMid,
|
||||
fillColor: "rgba(255, 255, 255, 0.92)",
|
||||
disableFillColor: "rgba(255, 255, 255, 0.24)",
|
||||
|
||||
hoverBorderColor: gray,
|
||||
borderColor: "rgba(255, 255, 255, 0.24)",
|
||||
disableBorderColor: "none",
|
||||
hoverBorderColor: "rgba(255, 255, 255, 0.92)",
|
||||
},
|
||||
|
||||
requestLoader: {
|
||||
|
Loading…
Reference in New Issue
Block a user