diff --git a/scripts/skinConfig.js b/scripts/skinConfig.js index 62475a5..0f62a84 100644 --- a/scripts/skinConfig.js +++ b/scripts/skinConfig.js @@ -106,11 +106,6 @@ url: `${getKefinTweaksRoot()}skins/optional/global/sortPeopleWithImagesFirst.css`, enabled: false }, - { - name: 'Taller Spotlight Sections', - url: `${getKefinTweaksRoot()}skins/optional/global/tallerSpotlightSections.css`, - enabled: false - }, { name: 'No Clear Art on Spotlights', url: `${getKefinTweaksRoot()}skins/optional/global/noClearArtOnSpotlights.css`, @@ -135,6 +130,11 @@ name: 'Darken Background Images', url: `${getKefinTweaksRoot()}skins/optional/global/darkenBackgroundImages.css`, enabled: false + }, + { + name: 'Left Aligned Card Footer Text', + url: `${getKefinTweaksRoot()}skins/optional/global/leftAlignCardFooterText.css`, + enabled: false } ], @@ -163,14 +163,16 @@ majorServerVersions: [10], urls: [ 'https://cdn.jsdelivr.net/gh/lscambo13/ElegantFin@main/Theme/ElegantFin-jellyfin-theme-build-latest-minified.css', - `${getKefinTweaksRoot()}skins/elegant-kefin.css` + `${getKefinTweaksRoot()}skins/elegant-kefin.css`, + `${getKefinTweaksRoot()}skins/fin-kefin-10.10.css` ] }, { majorServerVersions: [11], urls: [ 'https://cdn.jsdelivr.net/gh/lscambo13/ElegantFin@main/Theme/ElegantFin-jellyfin-theme-build-latest-minified.css', - `${getKefinTweaksRoot()}skins/elegant-kefin.css`, + `${getKefinTweaksRoot()}skins/elegant-kefin.css`,, + `${getKefinTweaksRoot()}skins/elegant-kefin-10.11.css`, `${getKefinTweaksRoot()}skins/fin-kefin-10.11.css` ] } @@ -219,10 +221,19 @@ author: 'KartoffelChipss', url: [ { - majorServerVersions: [10, 11], + majorServerVersions: [10], urls: [ 'https://cdn.jsdelivr.net/gh/KartoffelChipss/NeutralFin@latest/theme/neutralfin-minified.css', - `${getKefinTweaksRoot()}skins/neutralfin-kefin.css` + `${getKefinTweaksRoot()}skins/neutralfin-kefin.css`, + `${getKefinTweaksRoot()}skins/fin-kefin-10.10.css` + ] + }, + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/KartoffelChipss/NeutralFin@latest/theme/neutralfin-minified.css', + `${getKefinTweaksRoot()}skins/neutralfin-kefin.css`, + `${getKefinTweaksRoot()}skins/fin-kefin-10.11.css` ] } ], @@ -280,11 +291,21 @@ author: 'KBH-Reeper', url: [ { - majorServerVersions: [10, 11], + majorServerVersions: [10], urls: [ 'https://cdn.jsdelivr.net/gh/KBH-Reeper/GlassFin@latest/Theme/GlassFin-Theme-latest-stable.css', 'https://cdn.jsdelivr.net/gh/KBH-Reeper/GlassFin@latest/Theme/PluginStyling/MediaBar-Plugin-latest.css', - `${getKefinTweaksRoot()}skins/glassfin-kefin.css` + `${getKefinTweaksRoot()}skins/glassfin-kefin.css`, + `${getKefinTweaksRoot()}skins/fin-kefin-10.10.css` + ] + }, + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/KBH-Reeper/GlassFin@latest/Theme/GlassFin-Theme-latest-stable.css', + 'https://cdn.jsdelivr.net/gh/KBH-Reeper/GlassFin@latest/Theme/PluginStyling/MediaBar-Plugin-latest.css', + `${getKefinTweaksRoot()}skins/glassfin-kefin.css`, + `${getKefinTweaksRoot()}skins/fin-kefin-10.11.css` ] } ], @@ -1071,6 +1092,51 @@ }, ] }, + { + name: 'Better Jellyfin UI', + author: 'tromoSM', + url: [ + { + majorServerVersions: [10], + urls: [ + 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/theme.css', + ] + }, + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/theme.css', + ] + }, + ], + optionalIncludes: [ + { + name: 'Floating Header', + url: 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/options/Floating-header.css', + enabled: false + }, + { + name: 'High Contrast Interface', + url: 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/options/High-contrast-interface.css', + enabled: false + }, + { + name: 'Scale up animation on hover card', + url: 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/options/Scale-up-animation-on-hover-card.css', + enabled: false + }, + { + name: 'No liquid glass borders', + url: 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/options/no-liquid-glass-borders.css', + enabled: false + }, + { + name: 'Alternative navigation bar', + url: 'https://cdn.jsdelivr.net/gh/tromoSM/better-jellyfin-ui@main/options/alternative-navigation-bar.css', + enabled: false + }, + ], + }, { name: 'Jellyfin Better Styles', author: 'Tetrax-10', diff --git a/scripts/skinManager.js b/scripts/skinManager.js index fb7612f..d09d328 100644 --- a/scripts/skinManager.js +++ b/scripts/skinManager.js @@ -2862,17 +2862,14 @@ window.KefinTweaksConfig = ${JSON.stringify(configToBackup, null, 2)};`; requestAnimationFrame(async () => { const cssUrls = await getSkinUrlsForCurrentVersion(skin); - if (!cssUrls || cssUrls.length === 0) { - LOG(`No CSS URLs found for skin: ${skin.name}`); - return; + if (cssUrls && cssUrls.length > 0) { + LOG(`Loading skin with ${cssUrls.length} CSS files: ${skin.name}`); + cssUrls.forEach(url => { + if (url) { // Skip null/empty URLs + loadSkinCSS(url, skin.name); + } + }); } - - LOG(`Loading skin with ${cssUrls.length} CSS files: ${skin.name}`); - cssUrls.forEach(url => { - if (url) { // Skip null/empty URLs - loadSkinCSS(url, skin.name); - } - }); // Load optional includes for this skin loadOptionalIncludes(skin); diff --git a/skins/elegant-kefin-10.11.css b/skins/elegant-kefin-10.11.css new file mode 100644 index 0000000..e69de29 diff --git a/skins/fin-kefin-10.10.css b/skins/fin-kefin-10.10.css new file mode 100644 index 0000000..93320a7 --- /dev/null +++ b/skins/fin-kefin-10.10.css @@ -0,0 +1,11 @@ + +.homeSectionsContainer .card[data-type="Folder"] a.cardImageContainer::after { + font-size: 2rem; + line-height: 2.4rem; +} +.layout-mobile .homeSectionsContainer .card[data-type="Folder"] a.cardImageContainer::after { + top: 0.5rem; + left: 0.5rem; + font-size: 1.1rem !important; + line-height: 1.3rem !important; +} \ No newline at end of file diff --git a/skins/fin-kefin-10.11.css b/skins/fin-kefin-10.11.css index 8df54cf..bd2f255 100644 --- a/skins/fin-kefin-10.11.css +++ b/skins/fin-kefin-10.11.css @@ -1,3 +1,13 @@ .series-episodes-section { order: 2; +} +.homeSectionsContainer .card[data-type="Folder"] a.cardImageContainer::after { + font-size: 2rem; + line-height: 2.4rem; +} +.layout-mobile .homeSectionsContainer .card[data-type="Folder"] a.cardImageContainer::after { + top: 0.5rem; + left: 0.5rem; + font-size: 1.1rem !important; + line-height: 1.3rem !important; } \ No newline at end of file diff --git a/skins/optional/global/hideTitleIfLogoPresent.css b/skins/optional/global/hideTitleIfLogoPresent.css index 771fbad..3f46562 100644 --- a/skins/optional/global/hideTitleIfLogoPresent.css +++ b/skins/optional/global/hideTitleIfLogoPresent.css @@ -1,4 +1,4 @@ /* Hide the title if a logo is present. Use visibility in case skins rely on it for spacing */ -:has(.libraryPage:not(.hide) .detailLogo:not(.hide)) .nameContainer { +.libraryPage:not(.hide):has(.mainDetailButtons .btnPlaystate[data-type="Movie"], .mainDetailButtons .btnPlaystate[data-type="Series"]):has(.detailLogo:not(.hide)) .nameContainer { visibility: hidden; } \ No newline at end of file diff --git a/skins/optional/global/tallerSpotlightSections.css b/skins/optional/global/tallerSpotlightSections.css deleted file mode 100644 index adbe843..0000000 --- a/skins/optional/global/tallerSpotlightSections.css +++ /dev/null @@ -1,7 +0,0 @@ -.spotlight-banner-container { - height: 600px !important; -} -.spotlight-item-logo { - height: 300px !important; - max-width: none !important; -} \ No newline at end of file