mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Add theme colors for card placeholders

Browse source
This commit is contained in:
MrTimscampi 2020-05-02 19:40:04 +02:00
parent b088ae8428
commit 90c971afa9
7 changed files with 23 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/cardbuilder/card.css
View file

@ -212,6 +212,10 @@ button::-moz-focus-inner {
background-color: #242424; background-color: #242424;
} }
.backdropCard .cardContent:not(.defaultCardBackground) {
background-color: transparent;
}
.visualCardBox .cardContent { .visualCardBox .cardContent {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;

4
src/themes/appletv/theme.css
View file

@ -122,8 +122,8 @@ html {
} }
.paperList, .paperList,
.visualCardBox { .visualCardBox,
background-color: #fff; .cardContent:not(.defaultCardBackground) {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }

4
src/themes/blueradiance/theme.css
View file

@ -450,6 +450,10 @@ html {
color: #4285f4; color: #4285f4;
} }
.cardContent:not(.defaultCardBackground) {
background-color: rgba(0, 0, 0, 0.5);
}
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: #00a4dc !important; border-color: #00a4dc !important;

3
src/themes/dark/theme.css
View file

@ -421,8 +421,7 @@ html {
color: #4285f4; color: #4285f4;
} }
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox {
.card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: #00a4dc !important; border-color: #00a4dc !important;
} }

4
src/themes/light/theme.css
View file

@ -432,6 +432,10 @@ html {
color: #4285f4; color: #4285f4;
} }
.cardContent:not(.defaultCardBackground) {
background-color: #fff;
}
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: #00a4dc !important; border-color: #00a4dc !important;

4
src/themes/purplehaze/theme.css
View file

@ -552,6 +552,10 @@ a[data-role=button] {
border: 1px solid rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);
} }
.cardContent:not(.defaultCardBackground) {
background-color: rgba(0, 0, 0, 0.5);
}
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: #ff77f1 !important; border-color: #ff77f1 !important;

4
src/themes/wmc/theme.css
View file

@ -430,6 +430,10 @@ html {
color: #4285f4; color: #4285f4;
} }
.cardContent:not(.defaultCardBackground) {
background-color: #0f3562;
}
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: #fff !important; border-color: #fff !important;