From 5eb7eed442500b5de6a3d3aa6d233ce64ce4216b Mon Sep 17 00:00:00 2001
From: HighImKevin <kevinjohncampbell@gmail.com>
Date: Sat, 26 Sep 2026 06:44:08 -0400
Subject: [PATCH] Add Watchlist icon to header tabs in Legacy display mode for
 ElegantFin and other xfin skins

---
 scripts/skinConfig.js      |  1 +
 skins/elegant-kefin.css    | 41 ++++++++++++++++++++++----------------
 skins/glassfin-kefin.css   | 15 ++++++++++----
 skins/netfin-kefin.css     |  6 ++++++
 skins/neutralfin-kefin.css | 17 +++++++++++-----
 5 files changed, 54 insertions(+), 26 deletions(-)
 create mode 100644 skins/netfin-kefin.css

diff --git a/scripts/skinConfig.js b/scripts/skinConfig.js
index 1f0b498..fc2b459 100644
--- a/scripts/skinConfig.js
+++ b/scripts/skinConfig.js
@@ -395,6 +395,7 @@
                         majorServerVersions: [10, 11, 12],
                         urls: [
                             'https://cdn.jsdelivr.net/gh/ya0903/NetFin@main/netfin.css',
+                            `${getKefinTweaksRoot()}skins/netfin-kefin.css`,
                         ]
                     },
                 ],
diff --git a/skins/elegant-kefin.css b/skins/elegant-kefin.css
index eca83ca..efd3a59 100644
--- a/skins/elegant-kefin.css
+++ b/skins/elegant-kefin.css
@@ -1,28 +1,35 @@
 .slide .watchlist-button:not(:hover) {
-    background: transparent;
+	background: transparent;
 }
 
 .docspinner {
-    contain: layout style size;
-    top: 1em;
-    right: calc(1em + 7px);
-    left: unset;
-    position: fixed;
-    width: 3em;
-    height: 3em;
-    z-index: 9999999;
-    margin: 0;
-    pointer-events: none;
+	contain: layout style size;
+	top: 1em;
+	right: calc(1em + 7px);
+	left: unset;
+	position: fixed;
+	width: 3em;
+	height: 3em;
+	z-index: 9999999;
+	margin: 0;
+	pointer-events: none;
 }
 
-:root{
-    --appBarHeight: 5em;
+:root {
+	--appBarHeight: 5em;
 }
 
 .series-episodes-section {
-    grid-column: 1 / 5;
+	grid-column: 1 / 5;
 }
 
-.detailSection:has(.series-episodes-section)>#listChildrenCollapsible {
-    grid-column: 1 / 5;
-}
\ No newline at end of file
+.detailSection:has(.series-episodes-section) > #listChildrenCollapsible {
+	grid-column: 1 / 5;
+}
+
+.skinHeader
+	.headerTabs.sectionTabs
+	.emby-tabs-slider
+	> .emby-tab-button.kefin-custom-menu-top-link[data-kefin-custom-menu-top-link^="Watchlist||"]::before {
+	content: "bookmark";
+}
diff --git a/skins/glassfin-kefin.css b/skins/glassfin-kefin.css
index 1d0d0e6..85d55a9 100644
--- a/skins/glassfin-kefin.css
+++ b/skins/glassfin-kefin.css
@@ -1,7 +1,14 @@
 .series-episodes-section {
-    grid-column: 1 / 5;
+	grid-column: 1 / 5;
 }
 
-.detailSection:has(.series-episodes-section)>#listChildrenCollapsible {
-    grid-column: 1 / 5;
-}
\ No newline at end of file
+.detailSection:has(.series-episodes-section) > #listChildrenCollapsible {
+	grid-column: 1 / 5;
+}
+
+.skinHeader
+	.headerTabs.sectionTabs
+	.emby-tabs-slider
+	> .emby-tab-button.kefin-custom-menu-top-link[data-kefin-custom-menu-top-link^="Watchlist||"]::before {
+	content: "bookmark";
+}
diff --git a/skins/netfin-kefin.css b/skins/netfin-kefin.css
new file mode 100644
index 0000000..3218ef2
--- /dev/null
+++ b/skins/netfin-kefin.css
@@ -0,0 +1,6 @@
+.skinHeader
+	.headerTabs.sectionTabs
+	.emby-tabs-slider
+	> .emby-tab-button.kefin-custom-menu-top-link[data-kefin-custom-menu-top-link^="Watchlist||"]::before {
+	content: "bookmark";
+}
diff --git a/skins/neutralfin-kefin.css b/skins/neutralfin-kefin.css
index e6d6375..33cb451 100644
--- a/skins/neutralfin-kefin.css
+++ b/skins/neutralfin-kefin.css
@@ -1,11 +1,18 @@
 .series-episodes-section {
-    grid-column: 1 / 5;
+	grid-column: 1 / 5;
 }
 
-.detailSection:has(.series-episodes-section)>#listChildrenCollapsible {
-    grid-column: 1 / 5;
+.detailSection:has(.series-episodes-section) > #listChildrenCollapsible {
+	grid-column: 1 / 5;
 }
 
 #slides-container {
-    top: calc(var(--appBarHeight) * 2 + 1.25em) !important;
-}
\ No newline at end of file
+	top: calc(var(--appBarHeight) * 2 + 1.25em) !important;
+}
+
+.skinHeader
+	.headerTabs.sectionTabs
+	.emby-tabs-slider
+	> .emby-tab-button.kefin-custom-menu-top-link[data-kefin-custom-menu-top-link^="Watchlist||"]::before {
+	content: "bookmark";
+}