From 64fb76b9e61b7cd5680b39ba78b491d59c203821 Mon Sep 17 00:00:00 2001
From: OlgunR <OlgunR@DD-PC-ENT05N>
Date: Fri, 27 Mar 2026 09:11:56 +0100
Subject: [PATCH] Add theme variables for band editor background and border

Introduce CSS variables for band editor colors in light and dark themes. Update .band-editor to use these variables, enabling automatic adaptation to the active theme.
---
 DbFirst.BlazorWebApp/wwwroot/app.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/DbFirst.BlazorWebApp/wwwroot/app.css b/DbFirst.BlazorWebApp/wwwroot/app.css
index 8d5012b..64f78e2 100644
--- a/DbFirst.BlazorWebApp/wwwroot/app.css
+++ b/DbFirst.BlazorWebApp/wwwroot/app.css
@@ -7,9 +7,17 @@ html, body {
     font-size: var(--global-size);
 }
 
+/* Theme-Variablen */
+.app-light {
+    --band-editor-bg: #f8f9fa;
+    --band-editor-border: #dee2e6;
+}
+
 .app-dark {
     background-color: #1b1b1b;
     color: #f1f1f1;
+    --band-editor-bg: #2d2d2d;
+    --band-editor-border: #444444;
 }
 
 a, .btn-link {
@@ -72,9 +80,9 @@ h1:focus {
     padding: 12px;
     margin-top: 4px;
     margin-bottom: 16px;
-    border: 1px solid #dee2e6;
+    border: 1px solid var(--band-editor-border);
     border-radius: 4px;
-    background-color: #f8f9fa;
+    background-color: var(--band-editor-bg);
 }
 
 .band-controls {