Skip to content

JimmyLv/styled-roam

Folders and files

NameName
Last commit message
Last commit date

Latest commit

08ade69 · Aug 29, 2023
Apr 14, 2022
Aug 29, 2023
Apr 22, 2021
Aug 29, 2023
Apr 21, 2021
Apr 1, 2021
Apr 22, 2021
Apr 7, 2021
Aug 30, 2021
Dec 24, 2021
Apr 24, 2021
Nov 17, 2022
Aug 31, 2021
Nov 17, 2022

Repository files navigation

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