A Craft-like Theme for Roam Research
A fresh theme for Roam Research based on the design of Craft. Handcrafted to the last detail.
Hej,
Here is my latest Craft-inspired theme for Roam Research. It continues the tradition of my reduced and clean user interfaces (“Less, but better”).
New Search Menu
I’ve repositioned the search dialog to the center of the screen. I think this provides a much better user experience. You can always quickly open it by pressing CMD+U.
Beautiful Typography
I put a lot of effort into fine-tuning the typography. The spacing around headlines and blocks is carefully selected to enhance the reading experience.
Light- and Dark-Mode
The Theme is available in a beautiful Light- and gorgeous Dark-Mode.
Syntax highlighting
Small enhancements
I’ve added a few small improvements to clearly indicate external links and abbreviated namespaces.
How to use it
The Roam CSS System is a modular, block-based approach for changing the look and feel of Roam Research. It has been thoughtfully engineered to allow easy customization by the non-tech-affine end user and offers different minimal, beautiful designed elegant themes.
Create or modify your 'roam/css' page.
Add a new code block at the top and set the language to 'CSS'.
Add the following line to it:
@import url('https://rcvd.github.io/roam-css-system/themes/craft.css');
Force light or dark mode
If you want to force the bright or dark mode independent of the system settings use:
@import url('https://rcvd.github.io/roam-css-system/themes/craft_dark.css');
or
@import url('https://rcvd.github.io/roam-css-system/themes/craft_light.css');
If you have any questions or suggestions, please leave a comment.
If you want to support my work, you can do this by becoming a paid member:
Or you can buy me a coffee ☕️. Thank you so much for your attention and participation.
Hey Alexander, I'm totally in love with your dark mode theme—gosh, it's so aesthetically pleasing and well designed. Well done, really! If only I knew CSS so that I could disable the blue underlinings of the block references. Is there any chance you could possibly direct me to the changes I need to perform in the CSS code in order to get this done (and to have the references just blue, but not underlined)? I would greatly appreciate it and this would make your dark mode my lifelong companion! :-) Thanks a ton in advance!
Love the theme! However, it's not possible to select several rows / bullets with SHIFT+[up/down] or selecting with the mouse. Do you know how it can be enabled?