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/+admin/plugins/shared/plugin-list.component.scss | 8 ++++---- client/src/app/shared/users/user-notifications.component.scss | 2 +- .../shared/video-playlist/video-add-to-playlist.component.scss | 2 +- .../video-playlist-element-miniature.component.scss | 8 ++++---- .../shared/video-playlist/video-playlist-miniature.component.scss | 4 ++-- client/src/app/shared/video/modals/video-download.component.scss | 2 +- client/src/app/shared/video/video-miniature.component.scss | 2 +- .../src/app/videos/+video-edit/shared/video-edit.component.scss | 2 +- .../app/videos/+video-watch/comment/video-comment.component.scss | 6 +++--- .../app/videos/+video-watch/video-watch-playlist.component.scss | 2 +- client/src/app/videos/+video-watch/video-watch.component.scss | 4 ++-- 11 files changed, 21 insertions(+), 21 deletions(-) (limited to 'client/src/app') diff --git a/client/src/app/+admin/plugins/shared/plugin-list.component.scss b/client/src/app/+admin/plugins/shared/plugin-list.component.scss index 3f4fad7b9..1daa7b741 100644 --- a/client/src/app/+admin/plugins/shared/plugin-list.component.scss +++ b/client/src/app/+admin/plugins/shared/plugin-list.component.scss @@ -23,12 +23,12 @@ .plugin-icon { margin-left: 10px; - + my-global-icon { - @include apply-svg-color($grey-foreground-color); - + @include apply-svg-color(var(--greyForegroundColor)); + &[iconName="npm"] { - @include fill-svg-color($grey-foreground-color); + @include fill-svg-color(var(--greyForegroundColor)); } } } diff --git a/client/src/app/shared/users/user-notifications.component.scss b/client/src/app/shared/users/user-notifications.component.scss index 59e1bcc26..ddd7abe8a 100644 --- a/client/src/app/shared/users/user-notifications.component.scss +++ b/client/src/app/shared/users/user-notifications.component.scss @@ -44,7 +44,7 @@ .from-date { font-size: 0.85em; - color: $grey-foreground-color; + color: var(--greyForegroundColor); padding-left: 5px; min-width: 70px; text-align: right; diff --git a/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss b/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss index 1724449e8..f572dd902 100644 --- a/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss +++ b/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss @@ -68,7 +68,7 @@ .timestamp-info { font-size: 0.9em; - color: $grey-foreground-color; + color: var(--greyForegroundColor); margin-left: 5px; } } diff --git a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss index 4680732be..649272c52 100644 --- a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss +++ b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss @@ -58,11 +58,11 @@ my-video-thumbnail, .position { font-weight: $font-semibold; margin-right: 10px; - color: $grey-foreground-color; + color: var(--greyForegroundColor); min-width: 25px; my-global-icon { - @include apply-svg-color($grey-foreground-color); + @include apply-svg-color(var(--greyForegroundColor)); width: 17px; position: relative; @@ -81,7 +81,7 @@ my-video-thumbnail, } .video-info-account, .video-info-timestamp { - color: $grey-foreground-color; + color: var(--greyForegroundColor); } } } @@ -109,7 +109,7 @@ my-video-thumbnail, } .icon-more { - @include apply-svg-color($grey-foreground-color); + @include apply-svg-color(var(--greyForegroundColor)); display: flex; diff --git a/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss index 8947e72d1..527993496 100644 --- a/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss +++ b/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss @@ -53,7 +53,7 @@ @include disable-default-a-behaviour; display: block; - color: $grey-foreground-color; + color: var(--greyForegroundColor); } .privacy-date { @@ -72,7 +72,7 @@ .video-info-description { margin-top: 10px; - color: $grey-foreground-color; + color: var(--greyForegroundColor); } } } diff --git a/client/src/app/shared/video/modals/video-download.component.scss b/client/src/app/shared/video/modals/video-download.component.scss index f28bc34ed..7e2dd7d2f 100644 --- a/client/src/app/shared/video/modals/video-download.component.scss +++ b/client/src/app/shared/video/modals/video-download.component.scss @@ -41,7 +41,7 @@ min-width: 142px; padding-right: 5px; display: inline-block; - color: $grey-foreground-color; + color: var(--greyForegroundColor); font-weight: $font-bold; } diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index f27800a24..23d918d00 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss @@ -36,7 +36,7 @@ $more-margin-right: 15px; display: block; font-size: 13px; - color: $grey-foreground-color; + color: var(--greyForegroundColor); &:hover { color: $grey-foreground-hover-color; diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss index 2f9067132..0702ebf22 100644 --- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss +++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss @@ -122,7 +122,7 @@ my-peertube-checkbox { display: inline-block; margin-right: 25px; - color: $grey-foreground-color; + color: var(--greyForegroundColor); font-size: 15px; } diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss index 7c4656931..33204de3b 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss +++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss @@ -80,7 +80,7 @@ .comment-date { font-size: 90%; - color: $grey-foreground-color; + color: var(--greyForegroundColor); margin-left: 5px; text-decoration: none; } @@ -108,7 +108,7 @@ } &.comment-html-deleted { - color: $grey-foreground-color; + color: var(--greyForegroundColor); margin-bottom: 1rem; } } @@ -120,7 +120,7 @@ ::ng-deep .dropdown-toggle, .comment-action-reply, .comment-action-delete { - color: $grey-foreground-color; + color: var(--greyForegroundColor); cursor: pointer; margin-right: 10px; diff --git a/client/src/app/videos/+video-watch/video-watch-playlist.component.scss b/client/src/app/videos/+video-watch/video-watch-playlist.component.scss index 0dd318cb0..db36dcd8b 100644 --- a/client/src/app/videos/+video-watch/video-watch-playlist.component.scss +++ b/client/src/app/videos/+video-watch/video-watch-playlist.component.scss @@ -22,7 +22,7 @@ } .playlist-by-index { - color: $grey-foreground-color; + color: var(--greyForegroundColor); display: flex; .playlist-by { 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