From 0f35946973a70f8a7256be8ec6b77d63c7264ce9 Mon Sep 17 00:00:00 2001
From: Scott Pouliot <spouliot@scppowdercoating.com>
Date: Sun, 24 May 2026 14:31:33 -0400
Subject: [PATCH] Fix dark mode: main settings nav tab buttons showing white UA
 background

The #settingsTabs <button> elements had no explicit background-color,
letting browser UA button styling (white) bleed through in dark mode.
Added transparent overrides so the dark body background shows instead.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../wwwroot/css/company-settings-lookups.css       | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/PowderCoating.Web/wwwroot/css/company-settings-lookups.css b/src/PowderCoating.Web/wwwroot/css/company-settings-lookups.css
index f58de24..383f6f1 100644
--- a/src/PowderCoating.Web/wwwroot/css/company-settings-lookups.css
+++ b/src/PowderCoating.Web/wwwroot/css/company-settings-lookups.css
@@ -88,6 +88,20 @@
     border-bottom: 3px solid var(--bs-primary);
 }
 
+/* ── Dark mode fix for main settings tabs: UA button styling bleeds through
+   without an explicit background-color, producing white buttons with faint text. */
+[data-bs-theme="dark"] #settingsTabs .nav-link {
+    background-color: transparent;
+}
+
+[data-bs-theme="dark"] #settingsTabs .nav-link:hover:not(.active) {
+    background-color: var(--bs-tertiary-bg);
+}
+
+[data-bs-theme="dark"] #settingsTabs .nav-link.active {
+    background-color: var(--bs-body-bg);
+}
+
 /* ── PDF Templates inner tabs (card-header-tabs) ────────────────────────── */
 #pdfTemplateTabs .nav-link {
     color: var(--bs-secondary-color);