Spaces:
Running
Running
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 Download style.css from b08x/syncopated-ops: direct link, hf CLI and curl.
- Browser
- Download file 1.31 kB
-
https://huggingface.co/spaces/b08x/syncopated-ops/resolve/main/style.css
- Command line
-
hf download hf://spaces/b08x/syncopated-ops/style.css
-
curl -L -o style.css https://huggingface.co/spaces/b08x/syncopated-ops/resolve/main/style.css
1.31 kB
| /* 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) ; | |
| border-left-color: var(--color-accent) ; | |
| } | |
| .toc-item-active { | |
| color: var(--color-accent) ; | |
| border-left-color: var(--color-accent) ; | |
| } |