Fix action button icons theme
This commit is contained in:
parent
efc84bdc49
commit
5f57df5462
|
@ -255,21 +255,21 @@ $video-info-margin-left: 44px;
|
||||||
|
|
||||||
&.action-button-like.activated {
|
&.action-button-like.activated {
|
||||||
.count {
|
.count {
|
||||||
color: $activated-action-button-color;
|
color: var(--activatedActionButtonColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
my-global-icon {
|
my-global-icon {
|
||||||
@include apply-svg-color($activated-action-button-color);
|
@include apply-svg-color(var(--activatedActionButtonColor));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.action-button-dislike.activated {
|
&.action-button-dislike.activated {
|
||||||
.count {
|
.count {
|
||||||
color: $activated-action-button-color;
|
color: var(--activatedActionButtonColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
my-global-icon {
|
my-global-icon {
|
||||||
@include apply-svg-color($activated-action-button-color);
|
@include apply-svg-color(var(--activatedActionButtonColor));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -325,7 +325,7 @@ $video-info-margin-left: 44px;
|
||||||
background-color: #909090;
|
background-color: #909090;
|
||||||
|
|
||||||
&.liked {
|
&.liked {
|
||||||
background-color: $activated-action-button-color;
|
background-color: var(--activatedActionButtonColor);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -48,6 +48,8 @@ body {
|
||||||
--supportButtonColor: #{var(--actionButtonColor)};
|
--supportButtonColor: #{var(--actionButtonColor)};
|
||||||
--supportButtonHeartColor: #{$support-button-heart};
|
--supportButtonHeartColor: #{$support-button-heart};
|
||||||
|
|
||||||
|
--activatedActionButtonColor: #{$activated-action-button-color};
|
||||||
|
|
||||||
font-family: $main-fonts;
|
font-family: $main-fonts;
|
||||||
font-weight: $font-regular;
|
font-weight: $font-regular;
|
||||||
color: var(--mainForegroundColor);
|
color: var(--mainForegroundColor);
|
||||||
|
|
|
@ -104,6 +104,8 @@ $variables: (
|
||||||
--markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
|
--markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
|
||||||
|
|
||||||
--actionButtonColor: var(--actionButtonColor),
|
--actionButtonColor: var(--actionButtonColor),
|
||||||
|
--activatedActionButtonColor: var(--activatedActionButtonColor),
|
||||||
|
|
||||||
--supportButtonColor: var(--supportButtonColor),
|
--supportButtonColor: var(--supportButtonColor),
|
||||||
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
|
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
|
||||||
--supportButtonHeartColor: var(--supportButtonHeartColor),
|
--supportButtonHeartColor: var(--supportButtonHeartColor),
|
||||||
|
|
Loading…
Reference in New Issue
Block a user