disabled color was added / previous disabled color renamed into past color
This commit is contained in:
parent
8bac3b6eae
commit
7b59eb56a1
@ -3,14 +3,17 @@ import { DateItem } from "./";
|
||||
import Base from "../../themes/base";
|
||||
|
||||
export const SecondaryDateItem = styled(DateItem)`
|
||||
color: ${(props) => props.theme.calendar.disabledColor};
|
||||
color: ${(props) =>
|
||||
props.disabled
|
||||
? props.theme.calendar.disabledColor
|
||||
: props.theme.calendar.pastColor};
|
||||
|
||||
:hover {
|
||||
cursor: ${(props) => (props.disabled ? "auto" : "pointer")};
|
||||
color: ${(props) =>
|
||||
props.disabled
|
||||
? props.theme.calendar.disabledColor
|
||||
: props.theme.calendar.color};
|
||||
: props.theme.calendar.pastColor};
|
||||
}
|
||||
`;
|
||||
SecondaryDateItem.defaultProps = { theme: Base };
|
||||
|
@ -1717,7 +1717,8 @@ const Base = {
|
||||
|
||||
calendar: {
|
||||
color: "#333333",
|
||||
disabledColor: "#A3A9AE",
|
||||
disabledColor: "#DFE2E3",
|
||||
pastColor: "#A3A9AE",
|
||||
onHoverBackground: "#f3f4f4",
|
||||
titleColor: "#555F65",
|
||||
outlineColor: "#eceef1",
|
||||
|
@ -1709,7 +1709,8 @@ const Dark = {
|
||||
|
||||
calendar: {
|
||||
color: "#FFFFFF",
|
||||
disabledColor: "#858585",
|
||||
disabledColor: "#474747",
|
||||
pastColor: "#858585",
|
||||
onHoverBackground: "#3D3D3D",
|
||||
titleColor: "#ADADAD",
|
||||
outlineColor: "#474747",
|
||||
|
Loading…
Reference in New Issue
Block a user