Web: Components: fix social buttons theme

This commit is contained in:
Viktor Fomin 2022-03-16 11:44:03 +03:00
parent 2ea15ac80f
commit 5bebc14b58
3 changed files with 9 additions and 3 deletions

View File

@ -70,9 +70,11 @@ const StyledSocialButton = styled(ButtonWrapper).attrs((props) => ({
cursor: pointer;
box-shadow: ${(props) =>
props.theme.socialButton.hoverBoxShadow};
border: 1px solid #1877f2;
border: 1px solid
${(props) => props.theme.socialButton.hoverBorder};
.social_button_text {
color: #1877f2;
color: ${(props) => props.theme.socialButton.text.hoverColor};
}
}

View File

@ -303,7 +303,8 @@ const Base = {
background: white,
disableBackgroundColor: "rgba(0, 0, 0, 0.08)",
hoverBackground: white,
activeBackground: grayMaxLight,
activeBackground: "grayMaxLight",
hoverBorder: "#1877f2",
boxShadow:
"0px 1px 1px rgba(0, 0, 0, 0.24),0px 0px 1px rgba(0, 0, 0, 0.12)",
@ -324,6 +325,7 @@ const Base = {
textOverflow: "ellipsis",
whiteSpace: "nowrap",
color: "#757575",
hoverColor: "#1877f2",
},
svg: {

View File

@ -306,6 +306,7 @@ const Dark = {
disableBackgroundColor: "rgba(0, 0, 0, 0.08)",
hoverBackground: "#292929",
activeBackground: "#292929",
hoverBorder: "#292929",
boxShadow: "none",
hoverBoxShadow: "none",
@ -326,6 +327,7 @@ const Dark = {
textOverflow: "ellipsis",
whiteSpace: "nowrap",
color: grayMaxLight,
hoverColor: grayMaxLight,
},
svg: {