All palette values used by cosmos-docusaurus-theme, aligned with the
Rackscope Void (dark) / Slate (light) design system.
Toggle the theme using the button in the top-right corner to compare modes.
Backgrounds
| Role | Token | Dark (Void) | Light (Slate) |
|---|
| Page body | --ifm-background-color | #030712 | #f9fafb |
| Card / panel | --ifm-background-surface-color | #111827 | #ffffff |
| Navbar | --ifm-navbar-background-color | #111827 | #ffffff |
| Footer | --ifm-footer-background-color | #030712 | — |
| Elevated (inputs, code) | --ifm-code-background | #1f2937 | #f3f4f6 |
Borders
| Role | Dark (Void) | Light (Slate) |
|---|
| Subtle (toc, hr, cards) | #1f2937 gray-800 | #e5e7eb gray-200 |
| Table cells | #374151 gray-700 | #e5e7eb |
Text
| Role | Dark (Void) | Light (Slate) |
|---|
| Base body | #e5e5e5 | #1a1714 warm |
| Secondary / muted | #a3a3a3 | #5c574f warm |
| TOC H2 | #d1d5db | body color |
| TOC H3 | #71717a | secondary |
| Breadcrumb inactive | #9ca3af | secondary |
Brand palette
| Token | Value | Swatch |
|---|
| brand-500 (light primary) | #465fff | |
| brand-400 (dark primary) | #7592ff | |
| brand-600 | #3641f5 | |
| brand-300 | #9cb9ff | |
| brand-100 | #dde9ff | |
Semantic colors
| Status | Color | Dark swatch | Light usage |
|---|
| OK / Success | #12b76a | | Same |
| WARN / Warning | #f79009 | | Same |
| CRIT / Danger | #f04438 | | Same |
| UNKNOWN | #6b7280 | | Same |
Admonition colors
| Type | Accent | Dark bg opacity | Light bg opacity |
|---|
| note | gray | 8% | 5% |
| tip / success | #12b76a | 8% | 5% |
| info | #465fff | 8% | 5% |
| warning | #f79009 | 8% | 5% |
| danger | #f04438 | 8% | 5% |