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.
-
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 β‘οΈ
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:
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