Beautiful and easily customizable themes for Roam Research creating a whole new user experience.
after hundreds of hours of work, I finally published Roam Studio. A plugin for Roam Research that completely changes the user experience.
I’ve carefully engineered it to the last pixel with a minimal, straightforward, focused design.
You can install the plugin from your Roam Depot:
You’ll find Roam Depot in your left sidebar or your settings. Disable other CSS customizations to prevent unwanted side effects.
It would be best if you try Roam Studio yourself to notice what it’s all about. But here are a few highlights:
Beautiful Fonts, vertical rhythm, and carefully selected spacing make room for big thoughts.
Objects are aligned to create a calm writing and thinking environment.
Muted colors with clear contrasts make it a joy to use for hours.
Supports Light, Dark, and Auto-Mode (based on your systems settings).
All elements of Roam are themed, including settings and dialogs, creating an overall new user experience.
External links are marked with an icon for easier differentiation.
Fully offline- and mobile-capable (including fonts).
Various Aspects are customizable within the settings.
Roam Studio is configured within the plugin’s settings. You can change the Font Family for the text and the headings. You can set the base size from extra small to extra large and switch between light or dark appearance or let the system decide.
You can further enhance your experience by enabling various modules.
Advanced Heading Spacing
Removes Heading Spacing on collapse to reduce unnecessary whitespace.
Subtle zooming effect on hovering a bullet.
Removes the search from the top bar and replaces it with a centered dialog on CMD+U.
Disables all animations to speed up the UI.
Images at maximum size are scaled to fill the current width. Very useful in combination with the right sidebar, where images will always fit the width.
Hides the Roam Research Logo in the left sidebar.
Make controls (bullets, carets, and multi bars) less intrusive when the block is not focused. The path to the active block will be shown and highlighted.
And this is just the beginning.
Developing this plugin took a lot of time because I wanted to create a solid foundation for further enhancements. The system is already highly flexible, with more than 2,000 attributes for around 500 UI elements. Psssst 🤫, you can already use them if you aren’t afraid to get your hands dirty.
New themes will follow soon as well as more customization options and modules.
If you have any questions or suggestions, please leave a comment or file an issue.
If you enjoy my work, consider supporting me or become a paying subscriber:
Wonderfully designed and flawless execution :-)