From 97663ec17f88b74f10c02f15c73ea10afbf35c57 Mon Sep 17 00:00:00 2001
From: HighImKevin <kevinjohncampbell@gmail.com>
Date: Thu, 5 Feb 2026 19:29:36 -0500
Subject: [PATCH] Move NeutralFin lucide icons to optional include

---
 scripts/skinConfig.js                         | 11 ++-
 skins/neutralfin-kefin.css                    | 77 -------------------
 .../NeutralFin/lucide-icons-kefin.css         | 76 ++++++++++++++++++
 skins/optional/global/genreThumbnails.css     | 11 ++-
 4 files changed, 96 insertions(+), 79 deletions(-)
 create mode 100644 skins/optional/NeutralFin/lucide-icons-kefin.css

diff --git a/scripts/skinConfig.js b/scripts/skinConfig.js
index 2354e06..c087a22 100644
--- a/scripts/skinConfig.js
+++ b/scripts/skinConfig.js
@@ -177,7 +177,6 @@
                         majorServerVersions: [10, 11],
                         urls: [
                             'https://cdn.jsdelivr.net/gh/KartoffelChipss/NeutralFin@latest/theme/neutralfin-minified.css',
-                            'https://cdn.jsdelivr.net/gh/KartoffelChipss/Jellyfin-Lucide@main/theme/jellyfin-lucide.css',
                             `${getKefinTweaksRoot()}skins/neutralfin-kefin.css`
                         ]
                     }
@@ -218,6 +217,16 @@
                         name: 'Solid App Bar',
                         url: `${getKefinTweaksRoot()}skins/optional/ElegantFin/solidAppBar.css`,
                         enabled: false
+                    },
+                    {
+                        name: 'Jellyfin Lucide Icons (enable with Lucide Icons for KefinTweaks)',
+                        url: 'https://cdn.jsdelivr.net/gh/KartoffelChipss/Jellyfin-Lucide@main/theme/jellyfin-lucide.css',
+                        enabled: false
+                    },
+                    {
+                        name: 'Lucide Icons for KefinTweaks (enable with Jellyfin Lucide Icons)',
+                        url: `${getKefinTweaksRoot()}skins/optional/NeutralFin/lucide-icons-kefin.css`,
+                        enabled: false
                     }
                 ]
             },
diff --git a/skins/neutralfin-kefin.css b/skins/neutralfin-kefin.css
index 90f0cc1..1d0d0e6 100644
--- a/skins/neutralfin-kefin.css
+++ b/skins/neutralfin-kefin.css
@@ -1,80 +1,3 @@
-.material-icons.book:before {
-    content: "\e062";
-}
-.material-icons.newspaper:before {
-    content: "\e34c";
-}
-.material-icons.quiz:before {
-    content: "\e34b";
-}
-.material-icons.person_add:before {
-    content: '\e1a2';
-}
-.material-icons.help:before {
-    content: '\e0ff';
-}
-.material-icons.bookmark:before, .material-icons.bookmark_border:before, .material-icons.watchlist:before {
-    content: '\e064';
-}
-.material-icons.bookmark_border:before {
-    content: '\e064';
-}
-.material-icons.thumb_up:before {
-    content: '\e18a';
-}
-.material-icons.palette:before {
-    content: '\e1dd';
-}
-.material-icons.star:before {
-    content: '\e17a';
-}
-.material-icons.sort:before {
-    content: '\e04b';
-}
-.material-icons.arrow_drop_down:before {
-    content: '\e071';
-}
-.material-icons.play_circle:before {
-    content: '\e084';
-}
-.material-icons.check_circle_outline:before {
-    content: '\e226';
-}
-.material-icons.favorite_border:before {
-    content: '\e0f6';
-}
-.material-icons.build:before {
-    content: '\e1b1';
-}
-
-/* Lazy workaround for the pause button on the media bar plugin */
-.pause-button .material-icons {
-    font-family: var(--iconPack) !important;
-}
-
-/* Jellyfin Enhanced Random Item Button */
-button#randomItemButton>i {
-    display: none;
-}
-
-button#randomItemButton:before {
-    content: '\e28c';
-    font-family: lucide !important;
-    font-weight: 400;
-    font-style: normal;
-    display: inline-block;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    direction: ltr;
-    -webkit-font-smoothing: antialiased;
-    text-rendering: optimizeLegibility;
-    -moz-osx-font-smoothing: grayscale;
-    font-feature-settings: "liga";
-}
-
 .series-episodes-section {
     grid-column: 1 / 5;
 }
diff --git a/skins/optional/NeutralFin/lucide-icons-kefin.css b/skins/optional/NeutralFin/lucide-icons-kefin.css
new file mode 100644
index 0000000..dc83d4d
--- /dev/null
+++ b/skins/optional/NeutralFin/lucide-icons-kefin.css
@@ -0,0 +1,76 @@
+.material-icons.book:before {
+    content: "\e062";
+}
+.material-icons.newspaper:before {
+    content: "\e34c";
+}
+.material-icons.quiz:before {
+    content: "\e34b";
+}
+.material-icons.person_add:before {
+    content: '\e1a2';
+}
+.material-icons.help:before {
+    content: '\e0ff';
+}
+.material-icons.bookmark:before, .material-icons.bookmark_border:before, .material-icons.watchlist:before {
+    content: '\e064';
+}
+.material-icons.bookmark_border:before {
+    content: '\e064';
+}
+.material-icons.thumb_up:before {
+    content: '\e18a';
+}
+.material-icons.palette:before {
+    content: '\e1dd';
+}
+.material-icons.star:before {
+    content: '\e17a';
+}
+.material-icons.sort:before {
+    content: '\e04b';
+}
+.material-icons.arrow_drop_down:before {
+    content: '\e071';
+}
+.material-icons.play_circle:before {
+    content: '\e084';
+}
+.material-icons.check_circle_outline:before {
+    content: '\e226';
+}
+.material-icons.favorite_border:before {
+    content: '\e0f6';
+}
+.material-icons.build:before {
+    content: '\e1b1';
+}
+
+/* Lazy workaround for the pause button on the media bar plugin */
+.pause-button .material-icons {
+    font-family: var(--iconPack) !important;
+}
+
+/* Jellyfin Enhanced Random Item Button */
+button#randomItemButton>i {
+    display: none;
+}
+
+button#randomItemButton:before {
+    content: '\e28c';
+    font-family: lucide !important;
+    font-weight: 400;
+    font-style: normal;
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    -moz-osx-font-smoothing: grayscale;
+    font-feature-settings: "liga";
+}
\ No newline at end of file
diff --git a/skins/optional/global/genreThumbnails.css b/skins/optional/global/genreThumbnails.css
index cbc8811..40eef59 100644
--- a/skins/optional/global/genreThumbnails.css
+++ b/skins/optional/global/genreThumbnails.css
@@ -1,6 +1,15 @@
 .card[data-type="Genre"] a.cardImageContainer::after {
   content: attr(aria-label);
-  font-size: 3rem;
+  font-size: 3em;
+  max-width: calc(100% - 1em);
+  white-space: pre-wrap;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.layout-mobile .card[data-type="Genre"] a.cardImageContainer::after {
+  font-size: 2em;
 }
 
 .card[data-type="Genre"] {