Neue Theme for Roam Research

How to Install

Follow instructions outlined in this article. When ready, paste the following in your code block:

@import url('https://neue-roam-theme.glitch.me/theme.css');

Dark Version (beta)

How to Install

Follow instructions outlined in this article. When ready, paste the following in your code block:

@import url('https://neue-roam-theme.glitch.me/dark.css');

System-based light/dark scheme

@import "https://neue-roam-theme.glitch.me/theme.css" screen;
@import "https://neue-roam-theme.glitch.me/dark.css" screen 
and (prefers-color-scheme: dark);
    

Props to @al3x for this code.

Grasycale version

Custom dark version by @maxwschulz. (Thanks Max!)

Questions?

Neue theme was created by @caffo.

Neue theme maintenance is currently being transitioned over to @Pamela_Drouin.*

*According to Roam Research's December 29th newsletter, they have started to make changes to the CSS structure with BEM naming conventions to make it easier for users to make changes to their custom CSS, as well as enable more granular control over how to style pages.

This will unfortunately break some existing custom styling, but all breaking CSS changes will be documented in the change log in the help graph, and if you want to be kept up to date with the latest changes before they're launched to the public, check out the roamcss graph.