Better Roam Research

This is one of the most popular minimal themes for Roam Research, with system-level Dark Mode support.

👀 How does it look? See the preview below.

💬 Got feedback? Say hi on Twitter.

🔥 Want to contribute? Edit the theme.

How to use

1. Inside Roam Research, create a page named exactly roam/css

2. Create a [[Better Roam Research]] bullet point.

3. Nest this code inside it: ```css @import url("https://linuz90.github.io/better-roam-research/main.css");```

(the old link https://linuz90.github.io/better-roam-research/src/css/main.css still works but it's deprecated, I won't update it anymore — it reflected an old folder structure in this repo)

It should look like this:

The theme will change when I push updates in this repo ⚡️

More extensive guide here.

Preview

Light:

When Dark Mode is enabled on your computer:

Editing this theme

To create this theme I'm using the SCSS syntax. This file is compiled into a regular CSS file used for the theme.

To edit the theme, install Ruby Sass (it's not maintained anymore, will use something else in the future).

Then compile the SASS using this command:

sass --sourcemap=none --no-cache --watch ./main.scss:./main.css