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

This commit is contained in:
2026-09-14 10:54:19 +02:00
parent 2c6043399e
commit e71567db11
11 changed files with 868 additions and 56 deletions
+66 -6
View File
@@ -174,29 +174,33 @@
<style>
#legalTabs .nav-link {
color: #495057;
color: var(--ui-text-muted);
border-color: transparent;
}
#legalTabs .nav-link.active {
font-weight: 600;
color: #0d6efd;
color: #60a5fa;
background: var(--ui-surface-soft);
border-color: var(--ui-border) var(--ui-border) var(--ui-surface-soft);
}
.license-content {
background-color: var(--ui-surface-soft);
padding: 20px 30px;
border-radius: 0 0 5px 5px;
border: 1px solid #dee2e6;
border: 1px solid var(--ui-border);
border-top: none;
color: var(--ui-text);
}
.license-content h2 {
margin-top: 10px;
}
.license-content h3 {
margin-top: 1.4em;
color: #343a40;
color: var(--ui-title);
}
.license-content h4 {
margin-top: 1.1em;
color: #495057;
color: var(--ui-text);
}
.license-content ol,
.license-content ul {
@@ -208,7 +212,7 @@
}
.license-content hr {
margin: 25px 0;
border-color: #dee2e6;
border-color: var(--ui-border);
}
.license-exception-notice {
margin: 20px 0;
@@ -229,5 +233,61 @@
font-weight: bold;
color: #0d6efd;
}
:root[data-theme="dark"] #legalTabs {
border-bottom-color: var(--ui-border);
}
:root[data-theme="dark"] #legalTabs .nav-link:hover {
color: #bfdbfe;
background: var(--ui-bg-accent);
border-color: var(--ui-border);
}
:root[data-theme="dark"] #legalTabs .nav-link.active {
color: #bfdbfe;
background: var(--ui-surface-soft);
border-color: var(--ui-border) var(--ui-border) var(--ui-surface-soft);
}
:root[data-theme="dark"] .license-content {
background: var(--ui-surface) !important;
color: var(--ui-text) !important;
border-color: var(--ui-border) !important;
}
:root[data-theme="dark"] .license-content p,
:root[data-theme="dark"] .license-content li {
color: var(--ui-text-muted);
}
:root[data-theme="dark"] .license-content strong,
:root[data-theme="dark"] .license-content h2,
:root[data-theme="dark"] .license-content h3,
:root[data-theme="dark"] .license-content h4 {
color: var(--ui-title) !important;
}
:root[data-theme="dark"] .license-content hr {
border-color: var(--ui-border);
}
:root[data-theme="dark"] .license-exception-notice {
background: #422006 !important;
border-color: #f59e0b !important;
border-left-color: #fb923c !important;
color: #fde68a !important;
}
:root[data-theme="dark"] .license-exception-notice h3,
:root[data-theme="dark"] .license-exception-notice p,
:root[data-theme="dark"] .license-exception-notice a {
color: #fde68a !important;
}
:root[data-theme="dark"] .license-content code {
background: #082f49;
color: #bae6fd;
}
</style>
{% endblock %}