monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use docs-content class for consistent light theme on SEO pages

Browse Source 
4 pages had custom inline styles using landing-page CSS variables
(--text-primary etc) which render as light-on-dark. Switched all
pages to use the shared docs-content class which uses --docs-*
variables for the light theme.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-15 21:33:11 -05:00
parent 478760dee4
commit 74d3da0346
4 changed files with 4 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
docs/website/docs/manage-multiple-mikrotik-routers.html
View File

@@ -52,89 +52,6 @@
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fira+Code:wght@400;500&family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="../style.css" />
<style>
.doc-article {
max-width: 760px;
margin: 0 auto;
padding: 80px 24px 120px;
}
.doc-article .back-link {
display: inline-block;
margin-bottom: 40px;
font-size: 14px;
text-decoration: none;
color: var(--text-muted);
}
.doc-article .back-link:hover {
color: var(--accent);
}
.doc-article h1 {
font-family: "Outfit", sans-serif;
font-weight: 700;
font-size: 2.4rem;
line-height: 1.2;
color: var(--text-primary);
margin-bottom: 36px;
}
.doc-article h2 {
font-family: "Outfit", sans-serif;
font-weight: 600;
font-size: 1.35rem;
color: var(--text-primary);
margin-top: 52px;
margin-bottom: 16px;
}
.doc-article p {
color: var(--text-secondary);
font-size: 1.05rem;
line-height: 1.75;
margin-bottom: 20px;
}
.doc-article p strong {
color: var(--text-primary);
}
.doc-article ul {
margin: 0 0 20px 0;
padding-left: 24px;
}
.doc-article li {
color: var(--text-secondary);
font-size: 1.05rem;
line-height: 1.75;
margin-bottom: 8px;
}
.doc-article li strong {
color: var(--text-primary);
}
.doc-article a {
color: var(--accent);
text-decoration: underline;
text-underline-offset: 3px;
}
.doc-article a:hover {
color: var(--text-primary);
}
.doc-article .related-links {
margin-top: 56px;
padding-top: 32px;
border-top: 1px solid var(--border);
}
.doc-article .related-links h2 {
margin-top: 0;
font-size: 1.1rem;
}
.doc-article .related-links ul {
list-style: none;
padding-left: 0;
}
.doc-article .related-links li {
margin-bottom: 10px;
}
@media (max-width: 480px) {
.doc-article h1 { font-size: 1.8rem; }
.doc-article { padding: 60px 20px 80px; }
}
</style>
</head>
<body class="docs-page">
@@ -181,7 +98,7 @@
<!-- ===== CONTENT ===== -->
<main id="doc-content">
<article class="doc-article">
<article class="docs-content" style="max-width: 800px; margin: 0 auto; padding: 60px 24px 120px;">
<a href="../docs.html" class="back-link">&larr; Back to Docs</a>
<h1>How to Manage Multiple MikroTik Routers from One Dashboard</h1>