From 9a0fc8409c7a783348ec212fa9f38d0a98413467 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Tue, 4 Sep 2018 01:28:04 +0200 Subject: add theming via css custom properties and a bonus dark color theme toggle --- client/src/app/shared/video/video-feed.component.scss | 3 ++- client/src/app/shared/video/video-miniature.component.scss | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) (limited to 'client/src/app/shared/video') diff --git a/client/src/app/shared/video/video-feed.component.scss b/client/src/app/shared/video/video-feed.component.scss index 9dab18ffd..385764be0 100644 --- a/client/src/app/shared/video/video-feed.component.scss +++ b/client/src/app/shared/video/video-feed.component.scss @@ -12,7 +12,8 @@ &.icon-syndication { position: relative; top: -2px; - background-image: url('../../../assets/images/global/syndication.svg'); + background-color: var(--mainForegroundColor); + mask-image: url('../../../assets/images/global/syndication.svg'); } } } \ No newline at end of file diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index cc643f9d9..895879adc 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss @@ -22,7 +22,7 @@ transition: color 0.2s; font-size: 16px; font-weight: $font-semibold; - color: $fg-color; + color: var(--mainForegroundColor); margin-top: 5px; margin-bottom: 5px; -- cgit v1.2.3