diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 14 |
1 files changed, 7 insertions, 7 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..431a21039 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; | |||
255 | 255 | ||
256 | &.action-button-like.activated { | 256 | &.action-button-like.activated { |
257 | .count { | 257 | .count { |
258 | color: $activated-action-button-color; | 258 | color: var(--activatedActionButtonColor); |
259 | } | 259 | } |
260 | 260 | ||
261 | my-global-icon { | 261 | my-global-icon { |
262 | @include apply-svg-color($activated-action-button-color); | 262 | @include apply-svg-color(var(--activatedActionButtonColor)); |
263 | } | 263 | } |
264 | } | 264 | } |
265 | 265 | ||
266 | &.action-button-dislike.activated { | 266 | &.action-button-dislike.activated { |
267 | .count { | 267 | .count { |
268 | color: $activated-action-button-color; | 268 | color: var(--activatedActionButtonColor); |
269 | } | 269 | } |
270 | 270 | ||
271 | my-global-icon { | 271 | my-global-icon { |
272 | @include apply-svg-color($activated-action-button-color); | 272 | @include apply-svg-color(var(--activatedActionButtonColor)); |
273 | } | 273 | } |
274 | } | 274 | } |
275 | 275 | ||
@@ -325,7 +325,7 @@ $video-info-margin-left: 44px; | |||
325 | background-color: #909090; | 325 | background-color: #909090; |
326 | 326 | ||
327 | &.liked { | 327 | &.liked { |
328 | background-color: $activated-action-button-color; | 328 | background-color: var(--activatedActionButtonColor); |
329 | } | 329 | } |
330 | } | 330 | } |
331 | } | 331 | } |
@@ -356,7 +356,7 @@ $video-info-margin-left: 44px; | |||
356 | .video-info-description-more { | 356 | .video-info-description-more { |
357 | cursor: pointer; | 357 | cursor: pointer; |
358 | font-weight: $font-semibold; | 358 | font-weight: $font-semibold; |
359 | color: $grey-foreground-color; | 359 | color: var(--greyForegroundColor); |
360 | font-size: 14px; | 360 | font-size: 14px; |
361 | 361 | ||
362 | .glyphicon { | 362 | .glyphicon { |
@@ -379,7 +379,7 @@ $video-info-margin-left: 44px; | |||
379 | min-width: 142px; | 379 | min-width: 142px; |
380 | padding-right: 5px; | 380 | padding-right: 5px; |
381 | display: inline-block; | 381 | display: inline-block; |
382 | color: $grey-foreground-color; | 382 | color: var(--greyForegroundColor); |
383 | font-weight: $font-bold; | 383 | font-weight: $font-bold; |
384 | } | 384 | } |
385 | 385 | ||