Mirrored_Repos/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-12 18:38:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor CSS cleanup

Browse Source
This commit is contained in:
syeopite
2021-05-24 09:39:49 -07:00
parent f2c35b975f
commit 420c2be348
4 changed files with 83 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
assets/css/channel.css
View File

@@ -70,7 +70,7 @@
display: inline;
}
.section-contents .channel-profile {
.category-contents .channel-profile {
text-align: center;
}
@@ -120,13 +120,16 @@ only show up when the screen is wide enough */
.trailer-metadata {
margin-left: 15px;
font-size: 12px;
color: rgb(232, 230, 227);
}
.trailer-title {
font-size: 15px;
}
.trailer-metadata .read-more {
line-height: 20px;
text-transform: uppercase;
color: gray;
font-size: 13px;
}
@@ -135,4 +138,52 @@ only show up when the screen is wide enough */
max-height: 150px;
line-height: 20px;
margin-top: 20px;
}
}
@media (prefers-color-scheme: dark) {
.no-theme .trailer-metadata {
color: rgb(232, 230, 227);
}
.no-theme .trailer-title {
color:rgb(209, 209, 209)
}
.no-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: gray;
}
}
.no-theme .trailer-metadata {
color: rgb(232, 230, 227);
}
.dark-theme .trailer-title {
color:rgb(209, 209, 209)
}
.dark-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: gray;
}
@media (prefers-color-scheme: light) {
.no-theme .trailer-metadata, .no-theme .trailer-title {
color: black;
}
.no-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: rgb(127, 127, 127);
}
}
.light-theme .trailer-metadata, .light-theme .trailer-title {
color: black;
}
.light-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: rgb(127, 127, 127);
}

26
assets/css/default.css
View File

@@ -606,8 +606,8 @@ hr {
margin-top: 1em;
}
.category .heading > p {
display: inline-block;
.category-heading {
margin-bottom: 7px;
}
/* Split into .badge and #.featured */
@@ -621,7 +621,23 @@ hr {
display: inline;
}
/* Temp */
.category-description {
@media (prefers-color-scheme: dark) {
.no-theme .category-description {
color: #A8A095;
}
}
.dark-theme .category-description {
color: #A8A095;
}
}
@media (prefers-color-scheme: light) {
.no-theme .category-description {
color: #000000;
}
}
.light-theme .category-description {
color: #000000;
}