Web: Components: fixed main button theme in story
This commit is contained in:
parent
5cd2dee957
commit
5e338731f6
@ -87,6 +87,9 @@ const StyledMainButton = styled.div`
|
||||
.main-button_img {
|
||||
svg {
|
||||
padding-bottom: 1px;
|
||||
path {
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
@ -241,10 +241,10 @@ const Base = {
|
||||
},
|
||||
|
||||
mainButton: {
|
||||
backgroundColor: orangeMain,
|
||||
disableBackgroundColor: orangeDisabled,
|
||||
hoverBackgroundColor: orangeHover,
|
||||
clickBackgroundColor: orangePressed,
|
||||
backgroundColor: "#4781D1",
|
||||
disableBackgroundColor: "rgb(71, 129, 209, 0.6)",
|
||||
hoverBackgroundColor: "rgb(71, 129, 209, .85)",
|
||||
clickBackgroundColor: "#4074BC",
|
||||
|
||||
padding: "5px 14px 5px 12px",
|
||||
borderRadius: "3px",
|
||||
@ -1302,6 +1302,10 @@ const Base = {
|
||||
},
|
||||
},
|
||||
|
||||
icon: {
|
||||
color: "#657077",
|
||||
},
|
||||
|
||||
draggable: {
|
||||
color: cyanBlueDarkShade,
|
||||
dragOverBackgroundColor: strongBlue,
|
||||
|
@ -238,18 +238,18 @@ const Dark = {
|
||||
},
|
||||
|
||||
mainButton: {
|
||||
backgroundColor: "#ED7309",
|
||||
disableBackgroundColor: "#4C3B2D",
|
||||
hoverBackgroundColor: "#FFAD3D",
|
||||
clickBackgroundColor: "#E6842E",
|
||||
backgroundColor: "#4781D1",
|
||||
disableBackgroundColor: "rgba(71, 129, 209, 0.6)",
|
||||
hoverBackgroundColor: "rgba(71, 129, 209, .85)",
|
||||
clickBackgroundColor: "#4074BC",
|
||||
|
||||
padding: "5px 14px 5px 12px",
|
||||
borderRadius: "3px",
|
||||
lineHeight: "22px",
|
||||
fontSize: "16px",
|
||||
fontWeight: 700,
|
||||
textColor: black,
|
||||
textColorDisabled: black,
|
||||
textColor: white,
|
||||
textColorDisabled: white,
|
||||
|
||||
cornerRoundsTopRight: "0",
|
||||
cornerRoundsBottomRight: "0",
|
||||
@ -1280,6 +1280,10 @@ const Dark = {
|
||||
background: "#3D3D3D",
|
||||
disableColor: "#858585",
|
||||
|
||||
icon: {
|
||||
color: "#ADADAD",
|
||||
},
|
||||
|
||||
dragging: {
|
||||
draggable: {
|
||||
background: "rgba(230, 211, 138, 0.12)",
|
||||
@ -1289,6 +1293,7 @@ const Dark = {
|
||||
|
||||
title: {
|
||||
width: "85%",
|
||||
color: "#000",
|
||||
},
|
||||
},
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user