From 9896702c83c507d7331dfeb038872d81babe5d8c Mon Sep 17 00:00:00 2001
From: DariusIII <dkrisan@gmail.com>
Date: Wed, 8 Oct 2025 14:54:57 +0200
Subject: [PATCH] Fix tmux-edit page in dark mode

---
 resources/views/admin/tmux-edit.blade.php   | 25 +++++++++++++--------
 resources/views/components/input.blade.php  |  3 ++-
 resources/views/components/select.blade.php |  2 +-
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/resources/views/admin/tmux-edit.blade.php b/resources/views/admin/tmux-edit.blade.php
index 67ac41981..ce671d86d 100644
--- a/resources/views/admin/tmux-edit.blade.php
+++ b/resources/views/admin/tmux-edit.blade.php
@@ -2,11 +2,18 @@
 
 @push('styles')
 <style>
-/* Select color states */
+/* Select color states - Light mode */
 #tmuxForm select.select-yes { background-color: #d1e7dd !important; border-color: #badbcc !important; color: #0f5132 !important; }
 #tmuxForm select.select-no { background-color: #f8d7da !important; border-color: #f5c2c7 !important; color: #842029 !important; }
 #tmuxForm select.select-other { background-color: #e2e3e5 !important; border-color: #d3d6d8 !important; color: #41464b !important; }
 #tmuxForm select:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }
+
+/* Select color states - Dark mode */
+@media (prefers-color-scheme: dark) {
+    #tmuxForm select.select-yes { background-color: #1a3a2a !important; border-color: #2d5a3d !important; color: #7fc99b !important; }
+    #tmuxForm select.select-no { background-color: #3a1a1d !important; border-color: #5a2d31 !important; color: #f5a9b0 !important; }
+    #tmuxForm select.select-other { background-color: #2a2a2a !important; border-color: #3d3d3d !important; color: #b0b0b0 !important; }
+}
 </style>
 @endpush
 
@@ -22,8 +29,8 @@
 
         <!-- Success Message -->
         @if(session('success'))
-            <div class="mx-6 mt-4 p-4 bg-green-50 border border-green-200 rounded-lg">
-                <p class="text-green-800">
+            <div class="mx-6 mt-4 p-4 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg">
+                <p class="text-green-800 dark:text-green-300">
                     <i class="fa fa-check-circle mr-2"></i>{{ session('success') }}
                 </p>
             </div>
@@ -39,13 +46,13 @@
                 <!-- Tmux - How It Works -->
                 <div class="border-b border-gray-200 dark:border-gray-700 pb-6">
                     <h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">Tmux - How It Works</h2>
-                    <div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
+                    <div class="bg-blue-50 dark:bg-gray-700 border border-blue-200 dark:border-gray-600 rounded-lg p-4">
                         <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">Tmux is a screen multiplexer and at least version 1.6 is required. It is used here to allow multiple windows per session and multiple panes per window.</p>
                         <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">Each script is run in its own shell environment. It is not looped, but allowed to run once and then exit. This notifies tmux that the pane is dead and can then be respawned with another iteration of the script in a new shell environment.</p>
                         <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">This allows for scripts that crash to be restarted without user intervention.</p>
-                        <div class="bg-yellow-50 border border-yellow-300 rounded p-3 mt-3">
-                            <p class="text-sm font-medium text-yellow-800"><i class="fa fa-exclamation-triangle mr-2"></i>NOTICE:</p>
-                            <p class="text-sm text-yellow-700">If "Save Tmux Settings" is the last thing you did on this page, refreshing will save the current form values again, not reload from database.</p>
+                        <div class="bg-yellow-50 dark:bg-gray-800 border border-yellow-300 dark:border-gray-600 rounded p-3 mt-3">
+                            <p class="text-sm font-medium text-yellow-800 dark:text-gray-300"><i class="fa fa-exclamation-triangle mr-2"></i>NOTICE:</p>
+                            <p class="text-sm text-yellow-700 dark:text-gray-400">If "Save Tmux Settings" is the last thing you did on this page, refreshing will save the current form values again, not reload from database.</p>
                         </div>
                     </div>
                 </div>
@@ -98,8 +105,8 @@
                             </div>
                         </x-form.group>
 
-                        <div class="bg-yellow-50 border border-yellow-300 rounded p-3">
-                            <p class="text-sm text-yellow-700"><i class="fa fa-exclamation-triangle mr-2"></i>Sequential mode is not recommended as it's not tested enough.</p>
+                        <div class="bg-yellow-50 dark:bg-gray-800 border border-yellow-300 dark:border-gray-600 rounded p-3">
+                            <p class="text-sm text-yellow-700 dark:text-gray-400"><i class="fa fa-exclamation-triangle mr-2"></i>Sequential mode is not recommended as it's not tested enough.</p>
                         </div>
                     </div>
                 </div>
diff --git a/resources/views/components/input.blade.php b/resources/views/components/input.blade.php
index 5234ae59e..05688eae5 100644
--- a/resources/views/components/input.blade.php
+++ b/resources/views/components/input.blade.php
@@ -1 +1,2 @@
-<input {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-1 border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:ring-blue-500 rounded-md border shadow-sm']) }}>
+<input {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-1 border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:ring-blue-500 rounded-md border shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100']) }}>
+
diff --git a/resources/views/components/select.blade.php b/resources/views/components/select.blade.php
index ffcf6c030..ff7adb9ac 100644
--- a/resources/views/components/select.blade.php
+++ b/resources/views/components/select.blade.php
@@ -1,4 +1,4 @@
-<select {{ $attributes->merge(['class' => 'px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500']) }}>
+<select {{ $attributes->merge(['class' => 'px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100']) }}>
     {{ $slot }}
 </select>