allucanget/calminer
2
0
Fork 0
Code Pull Requests Actions Packages Releases Activity

Refactor CSS styles and introduce theme variables

Browse Source 
- Removed redundant CSS rules and consolidated styles across dashboard, forms, imports, projects, and scenarios.
- Introduced new color variables in theme-default.css for better maintainability and consistency.
- Updated existing styles to utilize new color variables, enhancing the overall design.
- Improved responsiveness and layout of various components, including tables and cards.
- Ensured consistent styling for buttons, links, and headers across the application.
This commit is contained in:
zwitschi
2025-11-13 22:30:58 +01:00
parent fb6816de00
commit 1262a4a63f
8 changed files with 453 additions and 675 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
static/css/imports.css
View File

@@ -1,7 +1,8 @@
.import-upload {
background-color: var(--surface-color);
border: 1px dashed var(--border-color);
border-radius: var(--radius-md);
background-color: rgba(21, 27, 35, 0.85);
background-color: var(--color-surface-overlay);
border: 1px dashed var(--color-border);
border-radius: var(--radius);
padding: 1.5rem;
margin-bottom: 1.5rem;
}
@@ -11,7 +12,7 @@
}
.import-upload__dropzone {
border: 2px dashed var(--border-color);
border: 2px dashed var(--color-border);
border-radius: var(--radius-sm);
padding: 2rem;
text-align: center;
@@ -19,8 +20,10 @@
}
.import-upload__dropzone.dragover {
border-color: var(--primary-color);
background-color: rgba(0, 123, 255, 0.05);
border-color: #f6c648;
border-color: var(--color-brand-bright);
background-color: rgba(241, 178, 26, 0.08);
background-color: var(--color-highlight);
}
.import-upload__actions {
@@ -43,9 +46,9 @@
align-items: center;
gap: 0.75rem;
padding: 1rem 1.25rem;
border-radius: var(--radius-md);
color: #fff;
box-shadow: var(--shadow-lg);
border-radius: var(--radius);
color: var(--color-text-invert);
box-shadow: var(--shadow);
z-index: 1000;
}
@@ -54,15 +57,18 @@
}
.toast--success {
background-color: #198754;
background-color: var(--success);
background-color: var(--color-success);
}
.toast--error {
background-color: #dc3545;
background-color: var(--danger);
background-color: var(--color-danger);
}
.toast--info {
background-color: #0d6efd;
background-color: var(--info);
background-color: var(--color-info);
}
.toast__close {