From 5f57df54627c61817226768bb360a8a93ea2c0b9 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 22 May 2020 11:15:31 +0200
Subject: [PATCH] Fix action button icons theme

---
 .../app/videos/+video-watch/video-watch.component.scss | 10 +++++-----
 client/src/sass/application.scss                       |  2 ++
 client/src/sass/include/_variables.scss                |  2 ++
 3 files changed, 9 insertions(+), 5 deletions(-)

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);
             }
           }
         }
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 17ed5c8f8..22e1151c8 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -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);
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index cdac8ae6f..58955802c 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -104,6 +104,8 @@ $variables: (
   --markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
 
   --actionButtonColor: var(--actionButtonColor),
+  --activatedActionButtonColor: var(--activatedActionButtonColor),
+
   --supportButtonColor: var(--supportButtonColor),
   --supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
   --supportButtonHeartColor: var(--supportButtonHeartColor),