diff --git a/scripts/skinConfig.js b/scripts/skinConfig.js index 7f72035..1ada89b 100644 --- a/scripts/skinConfig.js +++ b/scripts/skinConfig.js @@ -389,6 +389,40 @@ } ] }, + { + name: 'Finimalism 11', + author: 'tedhinklater', + url: [ + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/Finimalism11.css', + `${getKefinTweaksRoot()}skins/finimalism-11-kefin.css` + ] + } + ], + colorSchemes: [], + optionalIncludes: [ + { + name: 'Horizontal Scrolling on Home Page', + url: 'https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/scrollers-11.css', + enabled: false + } + ] + }, + { + name: 'Finimalism 12', + author: 'tedhinklater', + url: [ + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/Finimalism12.css', + `${getKefinTweaksRoot()}skins/finimalism-12-kefin.css` + ] + } + ], + }, { name: 'Jellyfish', author: 'n00bcodr', @@ -914,7 +948,197 @@ enabled: false } ] - } + }, + { + name: 'Evergreen', + author: 'everviolet', + url: [ + { + majorServerVersions: [10, 11], + urls: [ + 'https://cdn.jsdelivr.net/gh/everviolet/jellyfin@latest/themes/evergarden-winter.css', + ] + }, + ], + colorSchemes: [ + { + name: 'Winter', + url: '' + }, + { + name: 'Fall', + url: 'https://cdn.jsdelivr.net/gh/everviolet/jellyfin@latest/themes/evergarden-fall.css' + }, + { + name: 'Spring', + url: 'https://cdn.jsdelivr.net/gh/everviolet/jellyfin@latest/themes/evergarden-spring.css' + }, + { + name: 'Summer', + url: 'https://cdn.jsdelivr.net/gh/everviolet/jellyfin@latest/themes/evergarden-summer.css' + }, + ] + }, + { + name: 'Finity', + author: 'prism2001', + url: [ + { + majorServerVersions: [10], + urls: [ + 'https://cdn.jsdelivr.net/gh/prism2001/finity@main/minimal/finity-minimal.css', + ] + }, + ], + }, + { + name: 'infinitv', + author: 'buesche87', + url: [ + { + majorServerVersions: [10, 11], + urls: [ + 'https://cdn.jsdelivr.net/gh/buesche87/infinitv@latest/infinitv.css', + `${getKefinTweaksRoot()}skins/infinitv-kefin.css` + ] + }, + ], + }, + { + name: 'JellySkin', + author: 'prayag17', + url: [ + { + majorServerVersions: [10], + urls: [ + 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/main.css', + ] + }, + ], + optionalIncludes: [ + { + name: 'Logos', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/logo.css', + enabled: false + }, + { + name: 'Remove Backdrop Filter', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/improvePerformance/removeBackdropFilter.css', + enabled: false + }, + { + name: 'Remove Fading Scroll', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/improvePerformance/removeFadingScroll.css', + enabled: false + }, + { + name: 'Horizontal My Media', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/horizontalMyMedia.css', + enabled: false + }, + { + name: 'Video Theme Blur', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/videoThemeBlur.css', + enabled: false + } + ], + colorSchemes: [ + { + name: 'Default', + url: '' + }, + { + name: 'Mauve', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/gradients/mauve.css' + }, + { + name: 'Night Sky', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/gradients/nightSky.css' + }, + { + name: 'Sea', + url: 'https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/gradients/sea.css' + }, + ] + }, + { + name: 'Jellyfin Better Styles', + author: 'Tetrax-10', + url: [ + { + majorServerVersions: [10], + urls: [ + 'https://cdn.jsdelivr.net/gh/Tetrax-10/jellyfin-better-styles@dist/theme.css', + ] + }, + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/Tetrax-10/jellyfin-better-styles@dist/theme.css', + `${getKefinTweaksRoot()}skins/better-styles-kefin-11.css` + ] + }, + ], + }, + { + name: 'Zesty Theme', + author: 'stpnwf', + url: [ + { + majorServerVersions: [10], + urls: [ + 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@legacy/v10.10/theme.css', + ] + }, + { + majorServerVersions: [11], + urls: [ + 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css', + ] + }, + ], + optionalIncludes: [ + { + name: 'Alternative Login Background', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/login-alt.css', + enabled: false + } + ], + colorSchemes: [ + { + name: 'Cyan', + url: '' + }, + { + name: 'Fall', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/blue.css' + }, + { + name: 'Spring', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/coral.css' + }, + { + name: 'Summer', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/gray.css' + }, + { + name: 'Green', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/green.css' + }, + { + name: 'Purple', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/purple.css' + }, + { + name: 'Red', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/red.css' + }, + { + name: 'Yellow', + url: 'https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/yellow.css' + } + ] + }, // Add more skins here as needed ] }; diff --git a/skins/better-styles-kefin-11.css b/skins/better-styles-kefin-11.css new file mode 100644 index 0000000..7755341 --- /dev/null +++ b/skins/better-styles-kefin-11.css @@ -0,0 +1,3 @@ +.layout-desktop .detailImageContainer .card { + top: -83vh; +} \ No newline at end of file diff --git a/skins/finimalism-11-kefin.css b/skins/finimalism-11-kefin.css new file mode 100644 index 0000000..b312d9d --- /dev/null +++ b/skins/finimalism-11-kefin.css @@ -0,0 +1,21 @@ +div#kefinTweaks-breadcrumbs-wrapper { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: auto; + background: linear-gradient(180deg, rgb(6.667% 5.49% 11.765% / 0.95) 0%, rgb(6.667% 5.49% 11.765% / 0.9497204350490196) 6.25%, rgb(6.667% 5.49% 11.765% / 0.9488817401960784) 12.5%, rgb(6.667% 5.49% 11.765% / 0.9474839154411764) 18.75%, rgb(6.667% 5.49% 11.765% / 0.9455269607843136) 25%, rgb(6.667% 5.49% 11.765% / 0.9430108762254902) 31.25%, rgb(6.667% 5.49% 11.765% / 0.9399356617647059) 37.5%, rgb(6.667% 5.49% 11.765% / 0.9363013174019608) 43.75%, rgb(6.667% 5.49% 11.765% / 0.9321078431372549) 50%, rgb(6.667% 5.49% 11.765% / 0.9273552389705882) 56.25%, rgb(6.667% 5.49% 11.765% / 0.9220435049019607) 62.5%, rgb(6.667% 5.49% 11.765% / 0.9161726409313725) 68.75%, rgb(6.667% 5.49% 11.765% / 0.9097426470588235) 75%, rgb(6.667% 5.49% 11.765% / 0.9027535232843137) 81.25%, rgb(6.667% 5.49% 11.765% / 0.8952052696078431) 87.5%, rgb(6.667% 5.49% 11.765% / 0.8870978860294118) 93.75%, rgb(6.667% 5.49% 11.765% / 0.8784313725490196) 100%); + background-color: #110d20de; + margin: 0; +} + +.series-episodes-section { + top: 0; + position: absolute; + max-width: 67vw; + pointer-events: all; +} + +.series-episodes-section .card { + width: 12em !important; +} \ No newline at end of file diff --git a/skins/finimalism-12-kefin.css b/skins/finimalism-12-kefin.css new file mode 100644 index 0000000..a503e60 --- /dev/null +++ b/skins/finimalism-12-kefin.css @@ -0,0 +1,14 @@ +div#kefinTweaks-breadcrumbs-wrapper { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: auto; + background: linear-gradient(180deg, rgb(6.667% 5.49% 11.765% / 0.95) 0%, rgb(6.667% 5.49% 11.765% / 0.9497204350490196) 6.25%, rgb(6.667% 5.49% 11.765% / 0.9488817401960784) 12.5%, rgb(6.667% 5.49% 11.765% / 0.9474839154411764) 18.75%, rgb(6.667% 5.49% 11.765% / 0.9455269607843136) 25%, rgb(6.667% 5.49% 11.765% / 0.9430108762254902) 31.25%, rgb(6.667% 5.49% 11.765% / 0.9399356617647059) 37.5%, rgb(6.667% 5.49% 11.765% / 0.9363013174019608) 43.75%, rgb(6.667% 5.49% 11.765% / 0.9321078431372549) 50%, rgb(6.667% 5.49% 11.765% / 0.9273552389705882) 56.25%, rgb(6.667% 5.49% 11.765% / 0.9220435049019607) 62.5%, rgb(6.667% 5.49% 11.765% / 0.9161726409313725) 68.75%, rgb(6.667% 5.49% 11.765% / 0.9097426470588235) 75%, rgb(6.667% 5.49% 11.765% / 0.9027535232843137) 81.25%, rgb(6.667% 5.49% 11.765% / 0.8952052696078431) 87.5%, rgb(6.667% 5.49% 11.765% / 0.8870978860294118) 93.75%, rgb(6.667% 5.49% 11.765% / 0.8784313725490196) 100%); + background-color: #110d20de; + margin: 0; +} + +.series-episodes-section { + pointer-events: all; +} \ No newline at end of file diff --git a/skins/finimalism-kefin.css b/skins/finimalism-kefin.css new file mode 100644 index 0000000..8369dbb --- /dev/null +++ b/skins/finimalism-kefin.css @@ -0,0 +1,10 @@ +div#kefinTweaks-breadcrumbs-wrapper { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: auto; + background: linear-gradient(180deg, rgb(6.667% 5.49% 11.765% / 0.95) 0%, rgb(6.667% 5.49% 11.765% / 0.9497204350490196) 6.25%, rgb(6.667% 5.49% 11.765% / 0.9488817401960784) 12.5%, rgb(6.667% 5.49% 11.765% / 0.9474839154411764) 18.75%, rgb(6.667% 5.49% 11.765% / 0.9455269607843136) 25%, rgb(6.667% 5.49% 11.765% / 0.9430108762254902) 31.25%, rgb(6.667% 5.49% 11.765% / 0.9399356617647059) 37.5%, rgb(6.667% 5.49% 11.765% / 0.9363013174019608) 43.75%, rgb(6.667% 5.49% 11.765% / 0.9321078431372549) 50%, rgb(6.667% 5.49% 11.765% / 0.9273552389705882) 56.25%, rgb(6.667% 5.49% 11.765% / 0.9220435049019607) 62.5%, rgb(6.667% 5.49% 11.765% / 0.9161726409313725) 68.75%, rgb(6.667% 5.49% 11.765% / 0.9097426470588235) 75%, rgb(6.667% 5.49% 11.765% / 0.9027535232843137) 81.25%, rgb(6.667% 5.49% 11.765% / 0.8952052696078431) 87.5%, rgb(6.667% 5.49% 11.765% / 0.8870978860294118) 93.75%, rgb(6.667% 5.49% 11.765% / 0.8784313725490196) 100%); + background-color: #110d20de; + margin: 0; +} \ No newline at end of file diff --git a/skins/infinitv-kefin.css b/skins/infinitv-kefin.css new file mode 100644 index 0000000..bb70c1c --- /dev/null +++ b/skins/infinitv-kefin.css @@ -0,0 +1,18 @@ +:root { + /* Accent Color */ + --accent-h: 310; /* Hue: Purple */ + --accent-s: 100%; /* Saturation */ + --accent-l: 50%; /* Brightness */ + + /* Background Image */ + --bgImage: url("https://wallpaperaccess.com/download/purple-galaxy-439751"); + + /* Darkness & Opacity */ + --bgdarkness: 0.6; /* Background Darkness */ + --headeropacity: 0.7; /* Header & Drawer Opacity */ + --itemopacity: 0.8; /* Item Opacity (Card Footer, Detail Ribbon) */ + + /* Roundings */ + --rounding-media: 12px; + --rounding-system: 6px; +} \ No newline at end of file diff --git a/skins/scyfin-kefin.css b/skins/scyfin-kefin.css index 2108f81..0a1115a 100644 --- a/skins/scyfin-kefin.css +++ b/skins/scyfin-kefin.css @@ -1,15 +1,10 @@ -/* Media bar slides container */ -div#slides-container { - margin-left: 250px !important; - width: calc(100% - 250px) !important; -} -body.home-screen .emby-tab-button { +body:has(.homePage:not(.hide)) .emby-tab-button { display: flex; } -body.home-screen .emby-tabs-slider { +body:has(.homePage:not(.hide)) .emby-tabs-slider { display: flex; } -body.home-screen .emby-tab-button > div { +body:has(.homePage:not(.hide)) .emby-tab-button > div { align-self: normal; } .series-episodes-section {