forks
/
peertube
1
0
Fork 0
Code Releases Activity

Fix action button icons theme

This commit is contained in:
Chocobozzz 2020-05-22 11:15:31 +02:00
parent efc84bdc49
commit 5f57df5462
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/app/videos/+video-watch/video-watch.component.scss
View File

@ -255,21 +255,21 @@ $video-info-margin-left: 44px;
&.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));
}
}
@ -325,7 +325,7 @@ $video-info-margin-left: 44px;
background-color: #909090;
&.liked {
background-color: $activated-action-button-color;
background-color: var(--activatedActionButtonColor);
}
}
}

2
client/src/sass/application.scss
View File

@ -48,6 +48,8 @@ body {
--supportButtonColor: #{var(--actionButtonColor)};
--supportButtonHeartColor: #{$support-button-heart};
--activatedActionButtonColor: #{$activated-action-button-color};
font-family: $main-fonts;
font-weight: $font-regular;
color: var(--mainForegroundColor);

2
client/src/sass/include/_variables.scss
View File

@ -104,6 +104,8 @@ $variables: (
--markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
--actionButtonColor: var(--actionButtonColor),
--activatedActionButtonColor: var(--activatedActionButtonColor),
--supportButtonColor: var(--supportButtonColor),
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
--supportButtonHeartColor: var(--supportButtonHeartColor),