changes toi the darkmode style to have iot be a better edesign
Release Inventarsystem / release-docker (push) Successful in 2m26s
Release Inventarsystem / release-docker (push) Successful in 2m26s
This commit is contained in:
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user