&.action-button-like.activated {
.count {
- color: $activated-action-button-color;
+ color: var(--activatedActionButtonColor);
}
my-global-icon {
- @include apply-svg-color($activated-action-button-color);
+ @include apply-svg-color(var(--activatedActionButtonColor));
}
}
&.action-button-dislike.activated {
.count {
- color: $activated-action-button-color;
+ color: var(--activatedActionButtonColor);
}
my-global-icon {
- @include apply-svg-color($activated-action-button-color);
+ @include apply-svg-color(var(--activatedActionButtonColor));
}
}
background-color: #909090;
&.liked {
- background-color: $activated-action-button-color;
+ background-color: var(--activatedActionButtonColor);
}
}
}
--supportButtonColor: #{var(--actionButtonColor)};
--supportButtonHeartColor: #{$support-button-heart};
+ --activatedActionButtonColor: #{$activated-action-button-color};
+
font-family: $main-fonts;
font-weight: $font-regular;
color: var(--mainForegroundColor);
--markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
--actionButtonColor: var(--actionButtonColor),
+ --activatedActionButtonColor: var(--activatedActionButtonColor),
+
--supportButtonColor: var(--supportButtonColor),
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
--supportButtonHeartColor: var(--supportButtonHeartColor),