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

Add theme variables for band editor background and border

Browse Source 
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.
This commit is contained in:
OlgunR
2026-03-27 09:11:56 +01:00
parent 4ac8e94334
commit 64fb76b9e6
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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