mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-29 01:08:56 +00:00
Fix tmux-edit page in dark mode
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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']) }}>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user