Roam Studio
Beautiful and easily customizable themes for Roam Research creating a whole new user experience.
Hej,
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.
Highlights
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.
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.
Modules
Advanced Heading Spacing
Removes Heading Spacing on collapse to reduce unnecessary whitespace.
Bullet Effects
Subtle zooming effect on hovering a bullet.
Centered Search
Removes the search from the top bar and replaces it with a centered dialog on CMD+U.
Disable Animations
Disables all animations to speed up the UI.
Dynamic Images
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.
Hide Logo
Hides the Roam Research Logo in the left sidebar.
Subtle Controls
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 highly flexible, with over 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, more customization options, and modules will follow soon.
Please comment or file an issue if you have any questions or suggestions.
Fantastic work!
Wonderfully designed and flawless execution :-)