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