Gödel's

Share this post
A Craft-like Theme for Roam Research
www.goedel.io

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
5
8
Share this post
A Craft-like Theme for Roam Research
www.goedel.io

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.

8
Share this post
A Craft-like Theme for Roam Research
www.goedel.io
8 Comments

Create your profile

0 subscriptions will be displayed on your profile (edit)

Skip for now

Only paid subscribers can comment on this post

Already a paid subscriber? Sign in

Check your email

For your security, we need to re-authenticate you.

Click the link we sent to , or click here to sign in.

Steve
Jul 5

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!

Expand full comment
ReplyGift a subscriptionCollapse
afo
Jun 21

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?

Expand full comment
ReplyGift a subscriptionCollapse
1 reply by Alexander Rink
6 more comments…
TopNewCommunity

No posts

Ready for more?

© 2022 Alexander Rink
Privacy ∙ Terms ∙ Collection notice
Publish on Substack Get the app
Substack is the home for great writing