From e0ef6148910b70a34ec9935d28fe2841aa51dbc5 Mon Sep 17 00:00:00 2001 From: HighImKevin Date: Tue, 24 Mar 2026 06:25:03 -0400 Subject: [PATCH] Add NetFin to Skin Manager and small fixes for other skins --- scripts/skinConfig.js | 45 +++++++++++++++++++ skins/finimalism-12-kefin.css | 10 +++++ skins/flow-kefin.css | 5 +++ skins/neutralfin-kefin.css | 4 ++ .../NetFin/mobileButtonsSizeAdjustment.css | 37 +++++++++++++++ skins/scyfin-kefin.css | 5 +++ 6 files changed, 106 insertions(+) create mode 100644 skins/optional/NetFin/mobileButtonsSizeAdjustment.css diff --git a/scripts/skinConfig.js b/scripts/skinConfig.js index 0f62a84..3a181eb 100644 --- a/scripts/skinConfig.js +++ b/scripts/skinConfig.js @@ -377,6 +377,51 @@ } ] }, + { + name: 'NetFin', + author: 'ya0903', + url: [ + { + majorServerVersions: [10, 11], + urls: [ + 'https://cdn.jsdelivr.net/gh/ya0903/NetFin@main/netfin.css', + ] + }, + ], + colorSchemes: [], + optionalIncludes: [ + { + name: 'Mobile Buttons Size Adjustment', + url: `${getKefinTweaksRoot()}skins/optional/NetFin/mobileButtonsSizeAdjustment.css`, + enabled: false + }, + { + name: 'Disable Card Hover Effect', + url: `${getKefinTweaksRoot()}skins/optional/ElegantFin/cardHoverEffect.css`, + enabled: false + }, + { + name: 'Center Overlay Play Button', + url: `${getKefinTweaksRoot()}skins/optional/ElegantFin/centerPlayButton.css`, + enabled: false + }, + { + name: 'Extra Overlay Buttons', + url: `${getKefinTweaksRoot()}skins/optional/ElegantFin/extraOverlayButtons.css`, + enabled: false + }, + { + name: 'Library Label Visibility', + url: `${getKefinTweaksRoot()}skins/optional/ElegantFin/libraryLabelVisibility.css`, + enabled: false + }, + { + name: 'Solid App Bar', + url: `${getKefinTweaksRoot()}skins/optional/ElegantFin/solidAppBar.css`, + enabled: false + } + ] + }, { name: 'Jellypane', author: 'tedhinklater', diff --git a/skins/finimalism-12-kefin.css b/skins/finimalism-12-kefin.css index a503e60..ce35496 100644 --- a/skins/finimalism-12-kefin.css +++ b/skins/finimalism-12-kefin.css @@ -11,4 +11,14 @@ div#kefinTweaks-breadcrumbs-wrapper { .series-episodes-section { pointer-events: all; +} +.sections.homeSectionsContainer, +[dir="ltr"] .homeSectionsContainer .spotlight-section.padded-left { + padding-left: 0 !important; +} +.homePage { + width: 100% !important; +} +.homeSectionsContainer .emby-scroller-container > * { + padding-left: max(env(safe-area-inset-left), 0.5%) !important; } \ No newline at end of file diff --git a/skins/flow-kefin.css b/skins/flow-kefin.css index becbd98..a3c7099 100644 --- a/skins/flow-kefin.css +++ b/skins/flow-kefin.css @@ -19,4 +19,9 @@ body.home-screen .emby-tab-button > div { margin-right: -115px !important; padding-right: 20px !important; right: 140px !important; +} +.spotlight-tagline .emby-tab-button, +.spotlight-nav-buttons-container, +.spotlight-section-title .emby-tab-button { + background-color: unset; } \ No newline at end of file diff --git a/skins/neutralfin-kefin.css b/skins/neutralfin-kefin.css index 1d0d0e6..e6d6375 100644 --- a/skins/neutralfin-kefin.css +++ b/skins/neutralfin-kefin.css @@ -4,4 +4,8 @@ .detailSection:has(.series-episodes-section)>#listChildrenCollapsible { grid-column: 1 / 5; +} + +#slides-container { + top: calc(var(--appBarHeight) * 2 + 1.25em) !important; } \ No newline at end of file diff --git a/skins/optional/NetFin/mobileButtonsSizeAdjustment.css b/skins/optional/NetFin/mobileButtonsSizeAdjustment.css new file mode 100644 index 0000000..9d53f2a --- /dev/null +++ b/skins/optional/NetFin/mobileButtonsSizeAdjustment.css @@ -0,0 +1,37 @@ +/* ================= MOBILE TOUCH FIX ================= */ + + /* Top left menu button */ + .headerButton, + .headerButton.headerButtonLeft, + .headerButton.headerButtonRight { + width: 36px !important; + height: 36px !important; + min-width: 36px !important; + min-height: 36px !important; + margin: 0 6px !important; + } + + /* Icons inside header buttons */ + .headerButton i, + .headerButton .material-icons, + .headerButton .material-icons-round { + font-size: 26px !important; + } + + /* Profile picture tap area */ + .headerUserButton { + width: 36px !important; + height: 36px !important; + } + + .headerUserButton img { + width: 36px !important; + height: 36px !important; + } + + /* Cast & group watch buttons */ + .headerCastButton, + .headerSyncButton { + width: 36px !important; + height: 36px !important; + } \ No newline at end of file diff --git a/skins/scyfin-kefin.css b/skins/scyfin-kefin.css index 0a1115a..c422463 100644 --- a/skins/scyfin-kefin.css +++ b/skins/scyfin-kefin.css @@ -17,4 +17,9 @@ body:has(.homePage:not(.hide)) .emby-tab-button > div { margin-right: -115px !important; padding-right: 20px !important; right: 140px !important; +} +.spotlight-tagline .emby-tab-button, +.spotlight-nav-buttons-container, +.spotlight-section-title .emby-tab-button { + background-color: unset; } \ No newline at end of file