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/`
window.styledRoamDisabledFeatures = [
  // 'CardListMode',
  // 'CardFlowMode',
  // 'TreeTableMode',
  // 'DocumentMode',
  // 'CalendarMode',
  // 'DownloadMode',
  // 'FocusMode',
]

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://styled-roam.vercel.app/Candy.css');

References