lucasw89/KefinTweaks
1
0
Fork 0
mirror of https://github.com/ranaldsgift/KefinTweaks.git synced 2026-11-05 15:52:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add new optional CSS modules

Browse Source
This commit is contained in:
HighImKevin
2026-02-12 06:54:42 -05:00
parent cfaa62a7e9
commit 702f32d0cd
9 changed files with 108 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/skinConfig.js
+38 -2
View File
@@ -90,6 +90,36 @@
name: 'Upcoming Calendar View',
url: `${getKefinTweaksRoot()}skins/optional/global/upcomingCalendar.css`,
enabled: false
},
{
name: 'Hide Title If Logo Present',
url: `${getKefinTweaksRoot()}skins/optional/global/hideTitleIfLogoPresent.css`,
enabled: false
},
{
name: 'Sort People With Images First',
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`,
enabled: false
},
{
name: 'Show Section Controls On Hover Only',
url: `${getKefinTweaksRoot()}skins/optional/global/sectionControlsOnHover.css`,
enabled: false
},
{
name: 'Studio Thumbnails',
url: `${getKefinTweaksRoot()}skins/optional/global/studioThumbnails.css`,
enabled: false
}
],
@@ -332,11 +362,17 @@
url: [
{
majorServerVersions: [10],
urls: ['https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism7.css']
urls: [
'https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism7.css',
`${getKefinTweaksRoot()}skins/finimalism-kefin.css`
]
},
{
majorServerVersions: [11],
urls: ['https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css']
urls: [
'https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css',
`${getKefinTweaksRoot()}skins/finimalism-kefin.css`
]
}
],
colorSchemes: [],
scripts/skinManager.js
+3 -3
View File
@@ -2859,6 +2859,9 @@ window.KefinTweaksConfig = ${JSON.stringify(configToBackup, null, 2)};`;
// Step 1: Load the new CSS first (gets cached and starts loading)
requestAnimationFrame(async () => {
// Load optional includes for this skin
loadOptionalIncludes(skin);
const cssUrls = await getSkinUrlsForCurrentVersion(skin);
if (!cssUrls || cssUrls.length === 0) {
@@ -2872,9 +2875,6 @@ window.KefinTweaksConfig = ${JSON.stringify(configToBackup, null, 2)};`;
loadSkinCSS(url, skin.name);
}
});
// Load optional includes for this skin
loadOptionalIncludes(skin);
});
}
skins/optional/global/genreThumbnails.css
+1
View File
@@ -6,6 +6,7 @@
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.layout-mobile .card[data-type="Genre"] a.cardImageContainer::after {
skins/optional/global/hideTitleIfLogoPresent.css
+3
View File
@@ -0,0 +1,3 @@
:has(.detailLogo:not(.hide)) .nameContainer {
display: none;
}
skins/optional/global/noClearArtOnSpotlights.css
+3
View File
@@ -0,0 +1,3 @@
.spotlight-clearart {
display: none !important;
}
skins/optional/global/sectionControlsOnHover.css
+7
View File
@@ -0,0 +1,7 @@
.custom-scroller-container:hover button.show-all-button,
.custom-scroller-container:hover .section-refresh-button {
visibility: visible;
}
button.show-all-button, .section-refresh-button {
visibility: hidden;
}
skins/optional/global/sortPeopleWithImagesFirst.css
+9
View File
@@ -0,0 +1,9 @@
div#castCollapsible .itemsContainer,
div#guestCastCollapsible .itemsContainer {
display: flex;
}
div#castCollapsible .itemsContainer .card:has(.defaultCardBackground),
div#guestCastCollapsible .itemsContainer .card:has(.defaultCardBackground) {
order: 1;
}
skins/optional/global/studioThumbnails.css
+37
View File
@@ -0,0 +1,37 @@
.card[data-type="Studio"] a.cardImageContainer:not(.lazy-loaded)::after {
content: attr(aria-label);
font-size: 3em;
max-width: calc(100% - 1em);
white-space: pre-wrap;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.layout-mobile .card[data-type="Studio"] a.cardImageContainer:not(.lazy-loaded)::after {
font-size: 2em;
}
.card[data-type="Studio"] {
--genre-color: hsl(210 20% 25%);
}
.card[data-type="Studio"]:nth-child(10n + 10) { --genre-color: hsl(0 55% 35%); } /* red */
.card[data-type="Studio"]:nth-child(10n + 9) { --genre-color: hsl(36 60% 35%); } /* orange */
.card[data-type="Studio"]:nth-child(10n + 8) { --genre-color: hsl(72 55% 35%); } /* yellow-green */
.card[data-type="Studio"]:nth-child(10n + 7) { --genre-color: hsl(108 50% 35%); } /* green */
.card[data-type="Studio"]:nth-child(10n + 6) { --genre-color: hsl(144 45% 35%); } /* teal */
.card[data-type="Studio"]:nth-child(10n + 5) { --genre-color: hsl(180 50% 35%); } /* cyan */
.card[data-type="Studio"]:nth-child(10n + 4) { --genre-color: hsl(216 55% 35%); } /* blue */
.card[data-type="Studio"]:nth-child(10n + 3) { --genre-color: hsl(252 50% 38%); } /* indigo */
.card[data-type="Studio"]:nth-child(10n + 2) { --genre-color: hsl(288 55% 38%); } /* purple */
.card[data-type="Studio"]:nth-child(10n + 1){ --genre-color: hsl(324 55% 38%); } /* magenta */
.card[data-type="Studio"] a.cardImageContainer:not(.lazy-loaded) {
background: var(--genre-color) !important;
}
.homeSectionsContainer .card[data-type="Studio"] .cardText {
visibility: hidden;
}
skins/optional/global/tallerSpotlightSections.css
+7
View File
@@ -0,0 +1,7 @@
.spotlight-banner-container {
height: 600px !important;
}
.spotlight-item-logo {
height: 300px !important;
max-width: none !important;
}