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/termin_configure.html
+74 -1
View File
@@ -6,7 +6,7 @@
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 col-xl-8">
<div class="card border-0 shadow-lg rounded-4 overflow-hidden">
<div class="card termin-configure-card border-0 shadow-lg rounded-4 overflow-hidden">
<div class="card-header text-white" style="background: linear-gradient(135deg, #0f4c5c, #16697a);">
<h1 class="h3 mb-1 fw-bold">Terminplan konfigurieren</h1>
<p class="mb-0 opacity-75">Erstellen Sie einen neuen Plan und verschicken Sie anschließend den Buchungslink.</p>
@@ -139,6 +139,79 @@
</div>
</div>
</div>
<style>
.termin-configure-card .card-body {
color: var(--ui-text);
}
.termin-configure-card .form-text {
color: var(--ui-text-muted) !important;
}
.termin-configure-card .form-control,
.termin-configure-card .form-select {
color: var(--ui-text);
background-color: var(--ui-surface);
border-color: var(--ui-border);
}
.termin-configure-card .form-control:focus,
.termin-configure-card .form-select:focus {
border-color: #60a5fa;
box-shadow: 0 0 0 0.25rem rgba(96, 165, 250, 0.25);
}
.termin-configure-card #slots_amounts_display {
background-color: #dbeafe !important;
color: #1d4ed8 !important;
border-color: #93c5fd !important;
}
:root[data-theme="dark"] .termin-configure-card .card-header {
background: linear-gradient(135deg, #0b3440, #155e75) !important;
}
:root[data-theme="dark"] .termin-configure-card .card-body {
background: var(--ui-surface) !important;
color: var(--ui-text) !important;
}
:root[data-theme="dark"] .termin-configure-card .bg-light-subtle,
:root[data-theme="dark"] .termin-configure-card .bg-white,
:root[data-theme="dark"] .termin-configure-card [data-day-row] {
background: var(--ui-surface-soft) !important;
color: var(--ui-text) !important;
border-color: var(--ui-border) !important;
}
:root[data-theme="dark"] .termin-configure-card #slots_amounts_display {
background: #172554 !important;
color: #bfdbfe !important;
border-color: #3b82f6 !important;
}
:root[data-theme="dark"] .termin-configure-card .text-primary {
color: #93c5fd !important;
}
:root[data-theme="dark"] .termin-configure-card .text-danger {
color: #fca5a5 !important;
}
:root[data-theme="dark"] .termin-configure-card .border-danger-subtle {
border-color: #f87171 !important;
}
:root[data-theme="dark"] .termin-configure-card .alert-success {
background: #123524 !important;
border-color: #2f9e62 !important;
color: #b7f7ce !important;
}
:root[data-theme="dark"] .termin-configure-card .alert-success a {
color: #bfdbfe !important;
}
</style>
<script>
(function () {
const startDateInput = document.getElementById('start_date');