Styled Roam (Research)

Roam Research ✍️ Writing with your lovely cards 🧩 and beautiful theme 🎨

My custom CSS and JavaScript extension for Roam Research

🆕 #roam𐃏files Roam Research ✍️ Files Attachment Dashboard 🗃

Quick Start

  1. Add a {{[[roam/js]]}} block firstly
  2. Add a CHILD block /JavaScript Code Block with this code...
window.URLScriptServer = `https://styled-roam.vercel.app/`;

var existing = document.getElementById("styled-roam");
if (!existing) {
  var extension = document.createElement("script");
  extension.src = window.URLScriptServer + "js/index.js";
  extension.id = "styled-roam";
  extension.async = true;
  extension.type = "text/javascript";
  document.getElementsByTagName("head")[0].appendChild(extension);
}
  1. Press the BIG RED button to enable the script

image

Quick Review

Roam Research 卡片式写作 Candy 主题

Roam Research Calendar View switch-0001

Roam Research 卡片式主题 Focus 模式

Related Twitter:

Basic Usage

配合 Candy 主题食用最佳，当然其他主题也好看，😉

@import url("https://cdn.jsdelivr.net/gh/JimmyLv/Roam-Research-Themes@patch-1/Candy.css");

References