From 142f5389399a15c32a286b0769752f47175776f3 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Mon, 16 Feb 2026 23:36:08 +0100
Subject: [PATCH] Enhance select elements in date range group with consistent
 styling

---
 Jellyfin.Plugin.Seasonals/Configuration/configPage.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index 9d8168a..b574b10 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -732,13 +732,13 @@
                             <div class="date-range-group">
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">Start Day</label>
-                                    <select is="emby-select" class="rule-start-day" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-start-day" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(days, startDay)}
                                     </select>
                                 </div>
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">Month</label>
-                                    <select is="emby-select" class="rule-start-month" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-start-month" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(months, startMonth)}
                                     </select>
                                 </div>
@@ -747,13 +747,13 @@
                             <div class="date-range-group">
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">End Day</label>
-                                    <select is="emby-select" class="rule-end-day" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-end-day" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(days, endDay)}
                                     </select>
                                 </div>
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">Month</label>
-                                    <select is="emby-select" class="rule-end-month" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-end-month" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(months, endMonth)}
                                     </select>
                                 </div>