syncopated-ops / style.css
b08x's picture
This is a crucial correction. You want the **Nextra Documentation Layout** (the structure) combined with the **Tactical Ops Color Palette & Font** (the skin), but **without** the "roleplay" elements (no "SYSTEM ONLINE" widgets, no dense data grids, no radar charts, no forced uppercase).
2d1d74f verified
/* Base Reset & Typography */
:root {
--font-main: 'JetBrains Mono', monospace;
--color-bg: #0a0a0a;
--color-surface: #111111;
--color-border: #333333;
--color-primary: #e5e5e5;
--color-muted: #888888;
--color-accent: #ff6600;
}
body {
background-color: var(--color-bg);
color: var(--color-primary);
font-family: var(--font-main);
/* Custom scrollbar for Webkit */
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
background: #222;
border: 1px solid var(--color-border);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #333;
}
/* Typography adjustments */
h1, h2, h3, h4, h5, h6 {
color: var(--color-primary);
font-weight: 500; /* Monospace fonts look better slightly lighter than bold */
}
a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
code {
font-family: var(--font-main);
}
/* Utility Helpers for Active States */
.nav-item-active {
color: var(--color-accent) !important;
border-left-color: var(--color-accent) !important;
}
.toc-item-active {
color: var(--color-accent) !important;
border-left-color: var(--color-accent) !important;
}