From 5214e5676f3d8ab9432934f3cc661f0ff34a4c54 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 3 Jan 2026 00:43:31 +0000
Subject: [PATCH] style: Style settings modal for dark, black, and red themes

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 webclient/src/Style-black.css | 15 +++++++++++++++
 webclient/src/Style-dark.css  | 15 +++++++++++++++
 webclient/src/Style-red.css   | 15 +++++++++++++++
 3 files changed, 45 insertions(+)

diff --git a/webclient/src/Style-black.css b/webclient/src/Style-black.css
index 6e82f66..aad1354 100644
--- a/webclient/src/Style-black.css
+++ b/webclient/src/Style-black.css
@@ -86,3 +86,18 @@
 	border-color: #bbb;
 	color: #ddd;
 }
+
+.black .modal-content {
+	background: #222;
+	border-color: #828282;
+	color: #ddd;
+}
+
+.black .modal-content button {
+	background-color: #444444;
+	border-color: #bbb;
+}
+
+.black .modal-content button.active {
+	background-color: #555;
+}
diff --git a/webclient/src/Style-dark.css b/webclient/src/Style-dark.css
index 1b9b21a..ec8d36a 100644
--- a/webclient/src/Style-dark.css
+++ b/webclient/src/Style-dark.css
@@ -82,3 +82,18 @@
 	border-color: #bbb;
 	color: #ddd;
 }
+
+.dark .modal-content {
+	background: #333;
+	border-color: #828282;
+	color: #ddd;
+}
+
+.dark .modal-content button {
+	background-color: #444444;
+	border-color: #bbb;
+}
+
+.dark .modal-content button.active {
+	background-color: #555;
+}
diff --git a/webclient/src/Style-red.css b/webclient/src/Style-red.css
index 7cc5a1b..49d78c9 100644
--- a/webclient/src/Style-red.css
+++ b/webclient/src/Style-red.css
@@ -104,3 +104,18 @@
 	border-color: #b00;
 	color: #d00;
 }
+
+.red .modal-content {
+	background: #300;
+	border-color: #690000;
+	color: #b00;
+}
+
+.red .modal-content button {
+	background-color: #440000;
+	border-color: #b00;
+}
+
+.red .modal-content button.active {
+	background-color: #550000;
+}