From 9dc65ab92ff2f37f58133f34b3f634c94f7ca56a Mon Sep 17 00:00:00 2001
From: OlgunR <OlgunR@DD-PC-ENT05N>
Date: Fri, 8 May 2026 11:06:55 +0200
Subject: [PATCH] Adjust dark theme dropdown colors and toolbar spacing

Added custom colors for .dxbl-btn-dropdown-popup in dark mode to improve dropdown item visibility. Also added Bootstrap me-2 class to the "Spalten" toolbar button for better spacing.
---
 DbFirst.BlazorWebApp/Components/CatalogsGrid.razor | 2 +-
 DbFirst.BlazorWebApp/wwwroot/app.css               | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor b/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
index eccb708..22d6b8f 100644
--- a/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
+++ b/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
@@ -87,7 +87,7 @@ else
                                       Click="DeleteFocusedRow" />
                         </Template>
                     </DxToolbarItem>
-                    <DxToolbarItem Alignment="ToolbarItemAlignment.Right">
+                    <DxToolbarItem Alignment="ToolbarItemAlignment.Right" CssClass="me-2">
                         <Template Context="_">
                             <DxButton Text="Spalten"
                                       RenderStyle="ButtonRenderStyle.Secondary"
diff --git a/DbFirst.BlazorWebApp/wwwroot/app.css b/DbFirst.BlazorWebApp/wwwroot/app.css
index 37c7c6d..72224cc 100644
--- a/DbFirst.BlazorWebApp/wwwroot/app.css
+++ b/DbFirst.BlazorWebApp/wwwroot/app.css
@@ -217,6 +217,13 @@ html.dx-dark .dxbl-text-edit {
     --dxbl-text-edit-btn-hover-color: #e8e8e8;
 }
 
+/* Button-Dropdown-Items (Sizemode-Dropdown, Band-Dropdowns) – Quelle: .dxbl-btn-dropdown-popup */
+html.dx-dark .dxbl-btn-dropdown-popup {
+    --dxbl-btn-dropdown-btn-color: #e8e8e8;
+    --dxbl-btn-dropdown-btn-hover-color: #e8e8e8;
+    --dxbl-btn-dropdown-btn-active-color: #e8e8e8;
+}
+
 /* Buttons */
 html.dx-dark .dxbl-btn {
     --dxbl-btn-color: #e8e8e8;