MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-04 08:28:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge 5d18b793cd into 7f8956dcc3

Browse Source
This commit is contained in:
ethan0905x 2024-05-12 21:43:47 -03:00 committed by GitHub
commit e05143d271
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
CSS/css-scyfin/scyfin-theme.css
View File

@ -1,3 +1,7 @@
:root {
--swiper-theme-color: #2195f3;
}
/* Increase size of Jellyfin logo */ /* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo { .layout-desktop .pageTitleWithLogo {
margin-left: 15px !important; margin-left: 15px !important;
@ -76,7 +80,7 @@
} }
/* Rounded selection menu */ /* Rounded selection menu */
.itemSelectionPanel { .itemSelectionPanel {
border: 2px solid #00a4dc !important; border: 2px solid var(--swiper-theme-color) !important;
} }
.itemSelectionPanel .checkboxOutline { .itemSelectionPanel .checkboxOutline {
margin: 7px !important; margin: 7px !important;
@ -140,7 +144,7 @@
/* Custom button color */ /* Custom button color */
.navMenuOption-selected { .navMenuOption-selected {
background: rgba(33, 149, 243, 0.2) !important; background: rgba(33, 149, 243, 0.2) !important;
color: rgb(33, 149, 243) !important; color: var(--swiper-theme-color) !important;
} }
@ -167,7 +171,8 @@ html {
.headerRight { .headerRight {
background-color:rgba(35, 35, 35, 0.5) !important; background-color:rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(50px) !important; backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
} }
.layout-desktop .headerTabs, .layout-desktop .headerTabs,
.layout-desktop .headerRight, .layout-desktop .headerRight,
@ -175,10 +180,7 @@ html {
.layout-tv .headerRight { .layout-tv .headerRight {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.layout-desktop .headerTabs,
.layout-desktop .headerRight {
margin-left: 250px !important;
}
/* Button height */ /* Button height */
.headerRight, .headerRight,
.emby-tab-button { .emby-tab-button {
@ -186,7 +188,7 @@ html {
} }
/* Lower header and add padding to right buttons */ /* Lower header and add padding to right buttons */
.layout-desktop .headerRight { .layout-desktop .headerRight {
padding: 0px 5px !important; padding: 2px 2px !important;
} }
.layout-tv .headerRight { .layout-tv .headerRight {
padding: 20px 10px !important; padding: 20px 10px !important;
@ -204,17 +206,24 @@ html {
.layout-mobile .sectionTabs { .layout-mobile .sectionTabs {
margin-left: auto !important; margin-left: auto !important;
margin-right: auto !important; margin-right: auto !important;
width: auto !important; width: 85% !important;
} }
.layout-mobile .emby-button-foreground { .layout-mobile .emby-button-foreground {
top: -2px !important; top: -2px !important;
} }
.layout-mobile .itemBackdrop {
background-position: center;
}
.layout-mobile .itemBackdrop {
margin-top: 0;
}
/* Player modifications */ /* Player modifications */
.upNextContainer, .toastVisible, .sliderBubble { .upNextContainer, .toastVisible, .sliderBubble {
backdrop-filter: blur(50px) !important; backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
} }
.upNextContainer { .upNextContainer {
border-radius: 15px !important; border-radius: 15px !important;
@ -272,8 +281,9 @@ html {
/* Add padding to list items */ /* Add padding to list items */
.layout-desktop .listItem, .layout-desktop .listItem,
.layout-tv .listItem { .layout-tv .listItem {
padding-left: 15px !important; padding: 15px;
} }
/* Rounded dashboard cards */ /* Rounded dashboard cards */
.cardBox { .cardBox {
border-radius: 15px !important; border-radius: 15px !important;
@ -309,7 +319,7 @@ html {
margin-left: -10px !important; margin-left: -10px !important;
} }
#editItemMetadataPage .btnHeaderSave { #editItemMetadataPage .btnHeaderSave {
background: #00A4DC !important; background: rgba(var(--swiper-theme-color), 0.5) !important;
border-radius: 100px !important; border-radius: 100px !important;
height: 40px !important; height: 40px !important;
color: white !important; color: white !important;
@ -538,4 +548,4 @@ html {
/* Fixes for TV Layout */ /* Fixes for TV Layout */
.layout-tv .sectionTabs { .layout-tv .sectionTabs {
width: auto !important; width: auto !important;
} }