From 30d45c59a9f3d5b3204353144f395ce3323dfd09 Mon Sep 17 00:00:00 2001
From: Wally Hackenslacker <mastor89@protonmail.com>
Date: Fri, 1 May 2026 15:34:12 -0400
Subject: [PATCH] fix: add fallback colors for settings theme styles

---
 views/settings.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/views/settings.php b/views/settings.php
index 0cdf3a0..e97a518 100644
--- a/views/settings.php
+++ b/views/settings.php
@@ -24,17 +24,17 @@
     <main class="max-w-7xl mx-auto px-4 py-8">
         <!-- Breadcrumb -->
         <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>
         
         <?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']); ?>
             </div>
         <?php endif; ?>
         
         <?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']); ?>
             </div>
         <?php endif; ?>
@@ -75,7 +75,7 @@
                             <span class="theme-text"><?php echo htmlspecialchars($task['name']); ?></span>
                             <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">
-                                <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>
                                 </button>
                             </form>
@@ -130,7 +130,7 @@
                 Get the latest version, learn more, or report issues on the official project GitHub.
             </p>
             <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>
                 github.com/michaelstaake/mainty
             </a>