docs: improve navigation readability

This commit is contained in:
Onur Özkan committed 2026-08-09 14:46:16 +03:00
1 parent 1395c911c6
commit 2576de927f
1 file changed
+28 -20
+28 -20
View File
@@ -14,16 +14,33 @@ html.ayu {
--kaptan-muted: #888888; --kaptan-muted: #888888;
--kaptan-accent: #00ff41; --kaptan-accent: #00ff41;
--kaptan-border: #333333; --kaptan-border: #333333;
/* mdBook's generated content rules use these variables directly. */
--bg: #050505;
--fg: #e6e6e6;
--sidebar-bg: #0a0a0a;
--sidebar-fg: #e6e6e6;
--sidebar-non-existant: #888888;
--sidebar-active: #00ff41;
--sidebar-spacer: #333333;
--links: #00ff41;
--inline-code-color: #e6e6e6;
--quote-bg: #0a0a0a;
--quote-border: #333333;
--table-border-color: #333333;
--table-header-bg: #0a0a0a;
--table-alternate-bg: #080808;
--color-scheme: dark;
} }
html, html,
body { body {
background: var(--kaptan-background); background: var(--kaptan-background);
color: var(--kaptan-text); color: var(--fg);
font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", monospace; Consolas, "Liberation Mono", monospace;
font-size: 15px; font-size: 16px;
line-height: 1.65; line-height: 1.7;
} }
* { * {
@@ -56,7 +73,7 @@ body {
#mdbook-menu-bar .menu-title { #mdbook-menu-bar .menu-title {
color: var(--kaptan-text); color: var(--kaptan-text);
font-family: inherit; font-family: inherit;
font-size: 0.85rem; font-size: 1rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.08em; letter-spacing: 0.08em;
line-height: 1.35; line-height: 1.35;
@@ -88,9 +105,9 @@ body {
.sidebar-scrollbox .chapter-item a { .sidebar-scrollbox .chapter-item a {
color: var(--kaptan-text); color: var(--kaptan-text);
display: block; display: block;
font-size: 0.85rem; font-size: 1rem;
line-height: 1.45; line-height: 1.5;
padding: 0.3rem 1rem; padding: 0.4rem 1rem;
text-decoration: none; text-decoration: none;
} }
@@ -112,7 +129,7 @@ body {
.content { .content {
box-sizing: border-box; box-sizing: border-box;
margin: 0 auto; margin: 0 auto;
max-width: 84ch; max-width: 78ch;
padding: 2rem 1.5rem 3rem; padding: 2rem 1.5rem 3rem;
} }
@@ -224,18 +241,9 @@ blockquote {
padding-left: 0.8rem; padding-left: 0.8rem;
} }
.nav-wrapper { .nav-wrapper,
border-top: 1px solid var(--kaptan-border); .nav-wide-wrapper {
margin-top: 2rem; display: none !important;
padding-top: 0.75rem;
}
.nav-chapters {
background: none;
}
.nav-chapters a {
color: var(--kaptan-accent);
} }
@media (min-width: 900px) { @media (min-width: 900px) {