itsjustmath / better-roam-research

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.

If you’re a screenwriter, try my new Roam Screenwriter theme.

How to use

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

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

3. Create a child code block inside it (you can write three backticks to create it: ```) and change it to css

4. Paste this in the code block @import url("https://linuz90.github.io/better-roam-research/main.css");

It will look like this:

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

Change Accent Color

Just add an extra CSS block and change the --accent-color root variable to customize the theme accent color.

Preview

Light:

When Dark Mode is enabled on your computer:

This theme improves many areas of Roam, like the Kanban:

Here it is without the theme, for reference:

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 Sass here.

Then compile the SASS running this command in the project folder:

sass main.scss:main.css --no-source-map --watch