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/upload_admin.html
+86 -2
View File
@@ -647,12 +647,96 @@
cursor: pointer;
margin-left: 10px;
}
/* Upload-specific dark mode surfaces and readable helper text. */
:root[data-theme="dark"] .upload-container {
background: var(--ui-surface) !important;
border: 1px solid var(--ui-border);
box-shadow: var(--ui-shadow-md);
}
:root[data-theme="dark"] .upload-import-panel,
:root[data-theme="dark"] #range_generator_group,
:root[data-theme="dark"] .filter-inputs,
:root[data-theme="dark"] .book-info-container,
:root[data-theme="dark"] .book-cover-preview,
:root[data-theme="dark"] .video-preview {
background: var(--ui-surface-soft) !important;
background-color: var(--ui-surface-soft) !important;
border-color: var(--ui-border) !important;
color: var(--ui-text) !important;
}
:root[data-theme="dark"] .upload-import-panel p,
:root[data-theme="dark"] .upload-import-panel small,
:root[data-theme="dark"] #isbn-scan-status,
:root[data-theme="dark"] #code4-scan-status,
:root[data-theme="dark"] .image-loading,
:root[data-theme="dark"] .book-info p,
:root[data-theme="dark"] .book-cover-caption {
color: var(--ui-text-muted) !important;
}
:root[data-theme="dark"] .upload-import-panel h3,
:root[data-theme="dark"] .book-info h4,
:root[data-theme="dark"] .book-description h5,
:root[data-theme="dark"] #range_generator_group label {
color: var(--ui-title) !important;
}
:root[data-theme="dark"] .upload-form input,
:root[data-theme="dark"] .upload-form select,
:root[data-theme="dark"] .upload-form textarea,
:root[data-theme="dark"] .filter-dropdown-select,
:root[data-theme="dark"] .upload-import-panel input[type="file"] {
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"] .upload-form input:focus,
:root[data-theme="dark"] .upload-form select:focus,
:root[data-theme="dark"] .upload-form textarea:focus,
:root[data-theme="dark"] .filter-dropdown-select:focus {
border-color: #60a5fa !important;
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25) !important;
}
:root[data-theme="dark"] .book-info,
:root[data-theme="dark"] .book-description p,
:root[data-theme="dark"] .video-placeholder {
background: var(--ui-bg) !important;
background-color: var(--ui-bg) !important;
border-color: var(--ui-border) !important;
}
:root[data-theme="dark"] .success-message {
background: #123524 !important;
border-color: #2f9e62 !important;
color: #b7f7ce !important;
}
:root[data-theme="dark"] .error-message,
:root[data-theme="dark"] .error,
:root[data-theme="dark"] .error-message-container {
background: #451a1a !important;
border-color: #f87171 !important;
color: #fecaca !important;
}
:root[data-theme="dark"] .warning-message,
:root[data-theme="dark"] .warning {
background: #422006 !important;
border-color: #f59e0b !important;
color: #fde68a !important;
}
</style>
<div class="upload-container">
{% if show_library_features %}
<div style="border:1px solid #dbe4ee; border-radius:8px; padding:14px; margin-bottom:16px; background:#f8fbff;">
<div class="upload-import-panel" style="border:1px solid #dbe4ee; border-radius:8px; padding:14px; margin-bottom:16px; background:#f8fbff;">
<h3 style="margin:0 0 8px 0;">Excel-Import Bibliothek (Mehrere Bücher)</h3>
<p style="margin:0 0 10px 0; color:#555;">Laden Sie eine <strong>.xlsx</strong>- oder <strong>.csv</strong>-Datei hoch. Spalten werden automatisch erkannt (z.B. Name, Ort, Beschreibung, ISBN, Code, Anzahl). Für den Bibliotheksimport ist eine gültige ISBN je Zeile erforderlich.</p>
<form method="POST" action="{{ url_for('upload_library_excel') }}" enctype="multipart/form-data" style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
@@ -664,7 +748,7 @@
</form>
</div>
{% else %}
<div style="border:1px solid #dbe4ee; border-radius:8px; padding:14px; margin-bottom:16px; background:#f8fbff;">
<div class="upload-import-panel" style="border:1px solid #dbe4ee; border-radius:8px; padding:14px; margin-bottom:16px; background:#f8fbff;">
<h3 style="margin:0 0 8px 0;">Excel-Import Inventar (Mehrere Artikel)</h3>
<p style="margin:0 0 10px 0; color:#555;">Laden Sie eine <strong>.xlsx</strong>- oder <strong>.csv</strong>-Datei hoch. Spalten werden automatisch erkannt (z.B. Name, Ort, Beschreibung, Filter1/2/3, Kosten, Jahr, Code, Anzahl).</p>
<form method="POST" action="{{ url_for('upload_inventory_excel') }}" enctype="multipart/form-data" style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">