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
-
Inside Roam Research, create a page named exactly
roam/css
-
Create a
[[Better Roam Research]]
bullet point. -
Create a child code block inside it (you can write three backticks to create it: ```) and change it to css
-
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 ⚡️
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