fmeyer / bbrr-theme

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/src/css/main.css");

It will look like this:

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

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