Invario/Inventarsystem
3
1
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases 392 Wiki Activity

changes toi the darkmode style to have iot be a better edesign
Release Inventarsystem / release-docker (push) Successful in 2m26s
Details

Browse Source
This commit is contained in:
AIIrondev
2026-09-14 10:54:19 +02:00
parent 2c6043399e
commit e71567db11
11 changed files with 868 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web/templates/student_cards_admin.html
+82
View File
@@ -254,6 +254,88 @@
margin: 10px 0;
}
:root[data-theme="dark"] .student-card-form,
:root[data-theme="dark"] .import-card {
background: var(--ui-surface) !important;
color: var(--ui-text) !important;
border-color: var(--ui-border) !important;
box-shadow: var(--ui-shadow-sm);
}
:root[data-theme="dark"] .import-card {
background: var(--ui-surface-soft) !important;
}
:root[data-theme="dark"] .import-card p,
:root[data-theme="dark"] .rollover-hint,
:root[data-theme="dark"] .empty-state,
:root[data-theme="dark"] .empty-state p {
color: var(--ui-text-muted) !important;
}
:root[data-theme="dark"] .rollover-box {
background: #422006 !important;
border-color: #f59e0b !important;
}
:root[data-theme="dark"] .rollover-label,
:root[data-theme="dark"] .rollover-hint {
color: #fde68a !important;
}
:root[data-theme="dark"] .form-group input,
:root[data-theme="dark"] .form-group select,
:root[data-theme="dark"] .form-group textarea,
:root[data-theme="dark"] .export-buttons form,
:root[data-theme="dark"] .export-buttons select {
background: var(--ui-bg) !important;
background-color: var(--ui-bg) !important;
color: var(--ui-text) !important;
border-color: var(--ui-border) !important;
}
:root[data-theme="dark"] .form-group input:focus,
:root[data-theme="dark"] .form-group select:focus,
:root[data-theme="dark"] .form-group textarea:focus,
:root[data-theme="dark"] .export-buttons select:focus {
border-color: #60a5fa !important;
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.22) !important;
}
:root[data-theme="dark"] .cards-table {
background: var(--ui-surface) !important;
color: var(--ui-text) !important;
border-color: var(--ui-border) !important;
box-shadow: var(--ui-shadow-sm);
}
:root[data-theme="dark"] .cards-table thead {
background: #1d4ed8 !important;
color: #ffffff !important;
}
:root[data-theme="dark"] .cards-table th,
:root[data-theme="dark"] .cards-table td {
background: var(--ui-surface) !important;
color: var(--ui-text) !important;
border-color: var(--ui-border) !important;
}
:root[data-theme="dark"] .cards-table tbody tr:hover td {
background: var(--ui-bg-accent) !important;
}
@media (max-width: 768px) {
.export-buttons {
width: 100%;
}
.export-buttons form,
.export-buttons > a {
flex: 1 1 100%;
}
}
@media (max-width: 992px) {
.dashboard-grid {
grid-template-columns: 1fr;