From 5f57df54627c61817226768bb360a8a93ea2c0b9 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 22 May 2020 11:15:31 +0200 Subject: Fix action button icons theme --- client/src/app/videos/+video-watch/video-watch.component.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss') diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index 977312a83..e59e6613b 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -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); } } } -- cgit v1.2.3 From c123027fd962a14433a325f85d2734b94a4df3ae Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 22 May 2020 11:21:55 +0200 Subject: Fix grey color theme --- client/src/app/videos/+video-watch/video-watch.component.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss') diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index e59e6613b..431a21039 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -356,7 +356,7 @@ $video-info-margin-left: 44px; .video-info-description-more { cursor: pointer; font-weight: $font-semibold; - color: $grey-foreground-color; + color: var(--greyForegroundColor); font-size: 14px; .glyphicon { @@ -379,7 +379,7 @@ $video-info-margin-left: 44px; min-width: 142px; padding-right: 5px; display: inline-block; - color: $grey-foreground-color; + color: var(--greyForegroundColor); font-weight: $font-bold; } -- cgit v1.2.3