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

Merge pull request #1519 from Influence365/fix-curvy-corners

Browse source 
Fixing Border radius and light theme improvements
This commit is contained in:
dkanada 2020-07-06 21:19:10 +09:00 • committed by GitHub
commit 892f4eb9f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -125,6 +125,7 @@ html {
.visualCardBox, .visualCardBox,
.cardBox:not(.visualCardBox) .cardPadder { .cardBox:not(.visualCardBox) .cardPadder {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
border-radius: 0.5rem;
} }
.defaultCardBackground1 { .defaultCardBackground1 {
@ -173,6 +174,10 @@ html {
opacity: 0.5; opacity: 0.5;
} }
.cardImageContainer {
border-radius: 0.5rem;
}
.formDialogHeader a, .formDialogHeader a,
.toast { .toast {
color: #fff; color: #fff;
@ -286,7 +291,10 @@ html {
border-color: #fff; border-color: #fff;
} }
.emby-checkbox:checked + span + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline {
background-color: #00a4dc;
}
.itemProgressBarForeground { .itemProgressBarForeground {
background: linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%); background: linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
} }
@ -451,9 +459,14 @@ html {
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-radius: 0.5rem;
border-color: #00a4dc !important; border-color: #00a4dc !important;
} }
.blurhash-canvas {
border-radius: 0.5rem;
}
.itemDetailImage, .itemDetailImage,
.cardOverlayContainer { .cardOverlayContainer {
border-radius: 0.5rem; border-radius: 0.5rem;

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

@ -57,6 +57,10 @@ html {
background-color: #f0f0f0; background-color: #f0f0f0;
} }
.emby-scrollbuttons .paper-icon-button-light {
color: #000;
}
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc; color: #00a4dc;
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
@ -234,7 +238,7 @@ html {
} }
.listItem-border { .listItem-border {
border-color: #f0f0f0 !important; border-color: #a7a7a7 !important;
} }
.listItem:focus { .listItem:focus {

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

@ -199,7 +199,7 @@ a[data-role=button] {
} }
.cardContent { .cardContent {
border-radius: 1em; border-radius: 0.8em;
} }
.collapseContent, .collapseContent,
@ -208,13 +208,17 @@ a[data-role=button] {
.paperList, .paperList,
.visualCardBox { .visualCardBox {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 1em; border-radius: 0.8em;
} }
.cardOverlayContainer { .cardOverlayContainer {
border-radius: 0.8em; border-radius: 0.8em;
} }
.blurhash-canvas {
border-radius: 0.8em;
}
.visualCardBox .cardOverlayContainer { .visualCardBox .cardOverlayContainer {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
@ -553,7 +557,7 @@ a[data-role=button] {
.cardBox:not(.visualCardBox) .cardPadder { .cardBox:not(.visualCardBox) .cardPadder {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 1em; border-radius: 0.8em;
} }
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,