added support for legacy tickets, fixed switching of modes and also style updates
This commit is contained in:
@@ -684,65 +684,11 @@ html.dark .doc-content code {
|
||||
.doc-pagination nav span[aria-disabled="true"] > span { color: #697180 !important; cursor: not-allowed; }
|
||||
.doc-pagination nav svg { width: 1rem; height: 1rem; }
|
||||
|
||||
/* Appearance switch integration. The Documentation module is hosted inside the
|
||||
backend layout, so scope appearance to its module root rather than <body>. */
|
||||
[dusk="documentation-module"] {
|
||||
--doc-ink: #18181b;
|
||||
--doc-muted: #71717a;
|
||||
--doc-line: #e4e4e7;
|
||||
--doc-panel: #ffffff;
|
||||
--doc-soft: #f4f4f5;
|
||||
color: var(--doc-ink);
|
||||
}
|
||||
|
||||
.dark [dusk="documentation-module"] {
|
||||
--doc-ink: #f4f4f5;
|
||||
--doc-muted: #a1a1aa;
|
||||
--doc-line: #3f3f46;
|
||||
--doc-panel: #18181b;
|
||||
--doc-soft: #09090b;
|
||||
}
|
||||
|
||||
:root:not(.dark) [dusk="documentation-module"] .doc-hero {
|
||||
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 52%, #eef2ff 100%);
|
||||
color: #18181b;
|
||||
border-color: #e4e4e7;
|
||||
}
|
||||
:root:not(.dark) [dusk="documentation-module"] .doc-hero h1 { color: #18181b; }
|
||||
:root:not(.dark) [dusk="documentation-module"] .doc-eyebrow { color: #475569; }
|
||||
:root:not(.dark) [dusk="documentation-module"] .doc-hero p { color: #52525b; }
|
||||
|
||||
.dark [dusk="documentation-module"] .doc-hero {
|
||||
background: linear-gradient(135deg, #020617 0%, #0f172a 48%, #172554 100%);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[dusk="documentation-module"] .doc-card,
|
||||
[dusk="documentation-module"] .doc-card-body,
|
||||
[dusk="documentation-module"] .doc-card-header,
|
||||
[dusk="documentation-module"] table,
|
||||
[dusk="documentation-module"] thead,
|
||||
[dusk="documentation-module"] tbody,
|
||||
[dusk="documentation-module"] tr,
|
||||
[dusk="documentation-module"] td,
|
||||
[dusk="documentation-module"] th {
|
||||
color: var(--doc-ink);
|
||||
border-color: var(--doc-line);
|
||||
}
|
||||
[dusk="documentation-module"] .doc-card { background: var(--doc-panel); }
|
||||
[dusk="documentation-module"] .doc-muted { color: var(--doc-muted); }
|
||||
|
||||
.dark [dusk="documentation-module"] input,
|
||||
.dark [dusk="documentation-module"] textarea,
|
||||
.dark [dusk="documentation-module"] select {
|
||||
background: #09090b;
|
||||
color: #f4f4f5;
|
||||
border-color: #3f3f46;
|
||||
}
|
||||
:root:not(.dark) [dusk="documentation-module"] input,
|
||||
:root:not(.dark) [dusk="documentation-module"] textarea,
|
||||
:root:not(.dark) [dusk="documentation-module"] select {
|
||||
background: #ffffff;
|
||||
color: #18181b;
|
||||
border-color: #d4d4d8;
|
||||
}
|
||||
/* Documentation: professional contrast and strict light/dark mode parity. */
|
||||
html:not(.dark) .documentation-surface,
|
||||
html:not(.dark) [data-documentation-surface] { color:#18181b !important; }
|
||||
html:not(.dark) .documentation-surface :is(.text-zinc-400,.text-zinc-500,.text-zinc-600,.text-gray-400,.text-gray-500,.text-gray-600),
|
||||
html:not(.dark) [data-documentation-surface] :is(.text-zinc-400,.text-zinc-500,.text-zinc-600,.text-gray-400,.text-gray-500,.text-gray-600) { color:#52525b !important; }
|
||||
html.dark .documentation-surface :is(.text-zinc-400,.text-zinc-500,.text-zinc-600,.text-gray-400,.text-gray-500,.text-gray-600),
|
||||
html.dark [data-documentation-surface] :is(.text-zinc-400,.text-zinc-500,.text-zinc-600,.text-gray-400,.text-gray-500,.text-gray-600) { color:#a1a1aa !important; }
|
||||
html:not(.dark) .documentation-surface :is(section,article,.card,[class*="rounded"]):not([class*="bg-"]){ color:#27272a; }
|
||||
|
||||
Reference in New Issue
Block a user