diff --git a/scripts/skinConfig.js b/scripts/skinConfig.js index 1ada89b..62475a5 100644 --- a/scripts/skinConfig.js +++ b/scripts/skinConfig.js @@ -76,6 +76,11 @@ url: 'https://cdn.jsdelivr.net/gh/LitCastVlog/Flow@main/CSS/ScyFlow-AnimatedOverlay.css', enabled: false }, + { + name: 'Left Aligned Font / Poster Spacing / Watched Indicators', + url: 'https://cdn.jsdelivr.net/gh/LitCastVlog/Flow@main/CSS/ScyFlow-FontTweaks.css', + enabled: false + }, { name: 'Wrap Items In Home Sections', url: `${getKefinTweaksRoot()}skins/optional/global/wrapHomeScrollerItems.css`, @@ -120,6 +125,16 @@ name: 'Studio Thumbnails', url: `${getKefinTweaksRoot()}skins/optional/global/studioThumbnails.css`, enabled: false + }, + { + name: 'Spotlight Controls On Hover Only', + url: `${getKefinTweaksRoot()}skins/optional/global/spotlightControlsOnHover.css`, + enabled: false + }, + { + name: 'Darken Background Images', + url: `${getKefinTweaksRoot()}skins/optional/global/darkenBackgroundImages.css`, + enabled: false } ], @@ -758,11 +773,6 @@ name: 'Nyan Progress Bar', url: 'https://cdn.jsdelivr.net/gh/LitCastVlog/Flow@main/CSS/Themes/NyanProgress.css', enabled: false - }, - { - name: 'Left Aligned Font / Poster Spacing / Watched Indicators', - url: 'https://cdn.jsdelivr.net/gh/LitCastVlog/Flow@main/CSS/ScyFlow-FontTweaks.css', - enabled: false } ], colorSchemes: [ @@ -1088,12 +1098,14 @@ majorServerVersions: [10], urls: [ 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@legacy/v10.10/theme.css', + `${getKefinTweaksRoot()}skins/zesty-kefin.css` ] }, { majorServerVersions: [11], urls: [ 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css', + `${getKefinTweaksRoot()}skins/zesty-kefin.css` ] }, ], diff --git a/skins/optional/global/darkenBackgroundImages.css b/skins/optional/global/darkenBackgroundImages.css new file mode 100644 index 0000000..3a03d70 --- /dev/null +++ b/skins/optional/global/darkenBackgroundImages.css @@ -0,0 +1,3 @@ +#reactRoot > .backgroundContainer.withBackdrop { + background-color: rgba(0, 0, 0, .85) !important; +} \ No newline at end of file diff --git a/skins/optional/global/hideTitleIfLogoPresent.css b/skins/optional/global/hideTitleIfLogoPresent.css index 2dd2433..771fbad 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(.detailLogo:not(.hide)) .nameContainer { +:has(.libraryPage:not(.hide) .detailLogo:not(.hide)) .nameContainer { visibility: hidden; } \ No newline at end of file diff --git a/skins/optional/global/spotlightControlsOnHover.css b/skins/optional/global/spotlightControlsOnHover.css new file mode 100644 index 0000000..a8a4381 --- /dev/null +++ b/skins/optional/global/spotlightControlsOnHover.css @@ -0,0 +1,8 @@ +.spotlight-section:not(:hover) .spotlight-nav-container { + opacity: 0; + transition: opacity .1s ease-in-out; +} +.spotlight-section:hover .spotlight-nav-container { + opacity: 1; + transition: opacity .1s ease-in-out; +} \ No newline at end of file diff --git a/skins/zesty-kefin.css b/skins/zesty-kefin.css new file mode 100644 index 0000000..60d56f5 --- /dev/null +++ b/skins/zesty-kefin.css @@ -0,0 +1,9 @@ +button.watchlist-icon.detailButton .material-icons { + display: none; +} +button.watchlist-icon.detailButton::after { + content: attr(title); +} +.layout-desktop .detailSection { + max-width: calc(100vw - 5%); +} \ No newline at end of file