Add new skins: Finimalism 11 & 12, Evergreen, Finity, infinitv, Jellyskin, Jellyfin Better Styles, Zesty Theme

This commit is contained in:
HighImKevin
2026-02-14 22:00:30 -05:00
parent f808e53512
commit 3a5bf1b457
7 changed files with 294 additions and 9 deletions
+225 -1
View File
@@ -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
]
};
+3
View File
@@ -0,0 +1,3 @@
.layout-desktop .detailImageContainer .card {
top: -83vh;
}
+21
View File
@@ -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;
}
+14
View File
@@ -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;
}
+10
View File
@@ -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;
}
+18
View File
@@ -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;
}
+3 -8
View File
@@ -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 {