AppStd/DbFirst
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust dark theme dropdown colors and toolbar spacing

Browse Source 
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.
This commit is contained in:
OlgunR
2026-05-08 11:06:55 +02:00
parent 8933deec96
commit 9dc65ab92f
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
View File

@@ -87,7 +87,7 @@ else
Click="DeleteFocusedRow" /> Click="DeleteFocusedRow" />
</Template> </Template>
</DxToolbarItem> </DxToolbarItem>
<DxToolbarItem Alignment="ToolbarItemAlignment.Right"> <DxToolbarItem Alignment="ToolbarItemAlignment.Right" CssClass="me-2">
<Template Context="_"> <Template Context="_">
<DxButton Text="Spalten" <DxButton Text="Spalten"
RenderStyle="ButtonRenderStyle.Secondary" RenderStyle="ButtonRenderStyle.Secondary"

7
DbFirst.BlazorWebApp/wwwroot/app.css
View File

@@ -217,6 +217,13 @@ html.dx-dark .dxbl-text-edit {
--dxbl-text-edit-btn-hover-color: #e8e8e8; --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 */ /* Buttons */
html.dx-dark .dxbl-btn { html.dx-dark .dxbl-btn {
--dxbl-btn-color: #e8e8e8; --dxbl-btn-color: #e8e8e8;