Gödel's

Share this post

A Craft-like Theme for Roam Research

www.goedel.io

Discover more from Gödel's

Aiming for completeness and consistency is honorable but futile - Gödel’s is a newsletter about interweaving ideas and making decisions under uncertain conditions. I talk about knowledge management, mental models, and supporting Tools for Thought.
Continue reading
Sign in

A Craft-like Theme for Roam Research

A fresh theme for Roam Research based on the design of Craft. Handcrafted to the last detail.

Alexander Rink
Jan 18, 2022
7
Share this post

A Craft-like Theme for Roam Research

www.goedel.io
10
Share

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”).

Clean and friendly design

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.

New Search Dialog

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.

A beautiful dark mode

Syntax highlighting

Custom Syntax Highlighting

Small enhancements

I’ve added a few small improvements to clearly indicate external links and abbreviated namespaces.

Small enhancements simplify the use of aliases and 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.

7
Share this post

A Craft-like Theme for Roam Research

www.goedel.io
10
Share
10 Comments
Share this discussion

A Craft-like Theme for Roam Research

www.goedel.io
maven
Apr 13, 2022

Thanks a lot man! I had been looking for a theme that supported dark mode and was updated with latest changes in Roam. The cherry on top is that this one is beautiful!

Expand full comment
Reply
Share
Tom Williams
Apr 5, 2022

Loved the Craft-inspired theme. Beautiful and clean. It helps me be more effective and think better. I upgraded my subscription as a way of saying thanks.

Expand full comment
Reply
Share
1 reply
8 more comments...
Top
New
Community

No posts

Ready for more?

© 2023 Alexander Rink
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing