fix: add fallback colors for settings theme styles
This commit is contained in:
+5
-5
@@ -24,17 +24,17 @@
|
|||||||
<main class="max-w-7xl mx-auto px-4 py-8">
|
<main class="max-w-7xl mx-auto px-4 py-8">
|
||||||
<!-- Breadcrumb -->
|
<!-- Breadcrumb -->
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<a href="<?php echo url('/home'); ?>" class="font-medium transition hover:opacity-90" style="color: color-mix(in srgb, #3b82f6 72%, var(--theme-text));">← Back to Vehicles</a>
|
<a href="<?php echo url('/home'); ?>" class="font-medium transition hover:opacity-90" style="color: #2563eb; color: color-mix(in srgb, #3b82f6 72%, var(--theme-text));">← Back to Vehicles</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php if (isset($_SESSION['error'])): ?>
|
<?php if (isset($_SESSION['error'])): ?>
|
||||||
<div class="border px-4 py-3 rounded mb-4" style="background-color: color-mix(in srgb, #ef4444 14%, var(--theme-surface)); border-color: color-mix(in srgb, #ef4444 40%, var(--theme-border)); color: var(--theme-text);">
|
<div class="border px-4 py-3 rounded mb-4" style="background-color: #fee2e2; background-color: color-mix(in srgb, #ef4444 14%, var(--theme-surface)); border-color: #fca5a5; border-color: color-mix(in srgb, #ef4444 40%, var(--theme-border)); color: #7f1d1d; color: var(--theme-text);">
|
||||||
<?php echo htmlspecialchars($_SESSION['error']); unset($_SESSION['error']); ?>
|
<?php echo htmlspecialchars($_SESSION['error']); unset($_SESSION['error']); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (isset($_SESSION['success'])): ?>
|
<?php if (isset($_SESSION['success'])): ?>
|
||||||
<div class="border px-4 py-3 rounded mb-4" style="background-color: color-mix(in srgb, #22c55e 14%, var(--theme-surface)); border-color: color-mix(in srgb, #22c55e 40%, var(--theme-border)); color: var(--theme-text);">
|
<div class="border px-4 py-3 rounded mb-4" style="background-color: #dcfce7; background-color: color-mix(in srgb, #22c55e 14%, var(--theme-surface)); border-color: #86efac; border-color: color-mix(in srgb, #22c55e 40%, var(--theme-border)); color: #14532d; color: var(--theme-text);">
|
||||||
<?php echo htmlspecialchars($_SESSION['success']); unset($_SESSION['success']); ?>
|
<?php echo htmlspecialchars($_SESSION['success']); unset($_SESSION['success']); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
<span class="theme-text"><?php echo htmlspecialchars($task['name']); ?></span>
|
<span class="theme-text"><?php echo htmlspecialchars($task['name']); ?></span>
|
||||||
<form method="POST" action="<?php echo url('/settings/quick-tasks/' . $task['id'] . '/delete'); ?>"
|
<form method="POST" action="<?php echo url('/settings/quick-tasks/' . $task['id'] . '/delete'); ?>"
|
||||||
onsubmit="return confirm('Are you sure you want to delete this quick task?')" class="inline">
|
onsubmit="return confirm('Are you sure you want to delete this quick task?')" class="inline">
|
||||||
<button type="submit" class="transition hover:opacity-85" style="color: color-mix(in srgb, #ef4444 78%, var(--theme-text));">
|
<button type="submit" class="transition hover:opacity-85" style="color: #dc2626; color: color-mix(in srgb, #ef4444 78%, var(--theme-text));">
|
||||||
<i class="bi bi-trash"></i>
|
<i class="bi bi-trash"></i>
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
@@ -130,7 +130,7 @@
|
|||||||
Get the latest version, learn more, or report issues on the official project GitHub.
|
Get the latest version, learn more, or report issues on the official project GitHub.
|
||||||
</p>
|
</p>
|
||||||
<a href="https://github.com/michaelstaake/mainty" target="_blank" rel="noopener noreferrer"
|
<a href="https://github.com/michaelstaake/mainty" target="_blank" rel="noopener noreferrer"
|
||||||
class="inline-flex items-center font-medium transition hover:opacity-90" style="color: color-mix(in srgb, #3b82f6 72%, var(--theme-text));">
|
class="inline-flex items-center font-medium transition hover:opacity-90" style="color: #2563eb; color: color-mix(in srgb, #3b82f6 72%, var(--theme-text));">
|
||||||
<i class="bi bi-box-arrow-up-right theme-text-muted mr-1"></i>
|
<i class="bi bi-box-arrow-up-right theme-text-muted mr-1"></i>
|
||||||
github.com/michaelstaake/mainty
|
github.com/michaelstaake/mainty
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user