interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix grey color theme

This commit is contained in:
Chocobozzz 2020-05-22 11:21:55 +02:00
parent 5f57df5462
commit c123027fd9
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
15 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/+admin/plugins/shared/plugin-list.component.scss
View File

@ -25,10 +25,10 @@
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));
}
}
}

2
client/src/app/shared/users/user-notifications.component.scss
View File

@ -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;

2
client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
View File

@ -68,7 +68,7 @@
.timestamp-info {
font-size: 0.9em;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
margin-left: 5px;
}
}

8
client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss
View File

@ -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;

4
client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
View File

@ -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);
}
}
}

2
client/src/app/shared/video/modals/video-download.component.scss
View File

@ -41,7 +41,7 @@
min-width: 142px;
padding-right: 5px;
display: inline-block;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-weight: $font-bold;
}

2
client/src/app/shared/video/video-miniature.component.scss
View File

@ -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;

2
client/src/app/videos/+video-edit/shared/video-edit.component.scss
View File

@ -122,7 +122,7 @@ my-peertube-checkbox {
display: inline-block;
margin-right: 25px;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-size: 15px;
}

6
client/src/app/videos/+video-watch/comment/video-comment.component.scss
View File

@ -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;

2
client/src/app/videos/+video-watch/video-watch-playlist.component.scss
View File

@ -22,7 +22,7 @@
}
.playlist-by-index {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
display: flex;
.playlist-by {

4
client/src/app/videos/+video-watch/video-watch.component.scss
View File

@ -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;
}

2
client/src/sass/application.scss
View File

@ -31,6 +31,8 @@ body {
--mainForegroundColor: #{$fg-color};
--secondaryColor: #{$secondary-color};
--greyForegroundColor: #{$grey-foreground-color};
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};

4
client/src/sass/include/_miniature.scss
View File

@ -187,7 +187,7 @@ $play-overlay-width: 18px;
}
.followers {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
font-weight: normal;
font-size: 14px;
margin-left: 10px;
@ -203,7 +203,7 @@ $play-overlay-width: 18px;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
margin-bottom: 10px;
font-weight: $font-semibold;
text-decoration: none;

10
client/src/sass/include/_mixins.scss
View File

@ -156,7 +156,7 @@
@mixin tertiary-button {
@include button-focus($grey-button-outline-color);
color: $grey-foreground-color;
color: var(--greyForegroundColor);
background-color: transparent;
&[disabled], &.disabled {
@ -173,11 +173,11 @@
&, &:active, &:focus {
background-color: $grey-background-color;
color: $grey-foreground-color;
color: var(--greyForegroundColor);
}
&:hover, &:active, &:focus, &[disabled], &.disabled {
color: $grey-foreground-color;
color: var(--greyForegroundColor);
background-color: $grey-background-hover-color;
}
@ -186,7 +186,7 @@
}
my-global-icon {
@include apply-svg-color($grey-foreground-color)
@include apply-svg-color(var(--greyForegroundColor))
}
}
@ -769,7 +769,7 @@
vertical-align: middle !important;
path {
fill: $grey-foreground-color !important;
fill: var(--greyForegroundColor) !important;
}
}

2
client/src/sass/include/_variables.scss
View File

@ -91,6 +91,8 @@ $variables: (
--mainForegroundColor: var(--mainForegroundColor),
--secondaryColor: var(--secondaryColor),
--greyForegroundColor: var(--greyForegroundColor),
--menuBackgroundColor: var(--menuBackgroundColor),
--menuForegroundColor: var(--menuForegroundColor),
--submenuColor: var(--submenuColor),