Update Skin Manager optional includes

This commit is contained in:
HighImKevin
2026-03-14 14:30:43 -04:00
parent 5b5cb85ef1
commit 2bb76f6107
7 changed files with 106 additions and 29 deletions
+77 -11
View File
@@ -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',
+7 -10
View File
@@ -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);
View File
+11
View File
@@ -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;
}
+10
View File
@@ -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;
}
@@ -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;
}
@@ -1,7 +0,0 @@
.spotlight-banner-container {
height: 600px !important;
}
.spotlight-item-logo {
height: 300px !important;
max-width: none !important;
}