Give your graph a polished dark mode and fine-tune its colors without editing roam/css.
- Dark, Auto, and Off modes
- GitHub Primer as the default palette and the original theme as a legacy preset
- Quick color swatches, Tailwind color tokens, and custom hex values
- Per-user settings that do not write to
roam/css - Color-only styling that leaves Roam's layout and spacing unchanged
- Command palette actions for opening settings and quickly toggling dark mode
Run Custom Dark Mode: Open Settings from the command palette.
Choose a mode:
- Dark always applies Custom Dark Mode.
- Auto applies it when your browser or operating system prefers a dark color scheme.
- Off removes the custom colors and restores Roam's normal appearance.
Choose GitHub Primer for the exact GitHub-inspired palette or Original theme (Legacy) for the extension's initial palette. Expand a color group to customize individual roles with a suggested swatch, a Tailwind color token such as slate-900, or a hex value such as #0f172a. Use Reset all to return every color to the selected preset.
Run Custom Dark Mode: Toggle Dark Mode from the command palette to switch between Off and your previously selected Dark or Auto mode.
- More preset themes drawn from the theme-design mockups: black, gray, terminal, monochrome (black and white), and Ubuntu
- Save and load your own custom themes
- Preview color changes with example pages/components