Styled Roam (Research)
Roam Research
My custom CSS and JavaScript extension for Roam Research
Quick Start
- Add a
{{[[roam/js]]}}
block firstly - 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)
}
- Press the BIG RED button to enable the script
Quick Review
Related Twitter:
- https://twitter.com/Jimmy_JingLv/status/1304451043594387456?s=20
- https://twitter.com/Jimmy_JingLv/status/1343897637255143424?s=20
- https://twitter.com/Jimmy_JingLv/status/1305893239187103749?s=20
- https://twitter.com/Jimmy_JingLv/status/1376741905485033476?s=20
- https://twitter.com/Jimmy_JingLv/status/1462101666732335104?s=20
Basic Usage
配合 Candy 主题食用最佳,当然其他主题也好看,
@import url('https://styled-roam.vercel.app/Candy.css');
References
- dvargas92495/roam-js-extensions
- Roamcult Themes
- palashkaria/roam-modifiers: userscripts/custom CSS files for Roam Research
- roamhacker/roam42: Level up Roam with power user features. Automation, keyboard nav, dictionary, live preview and more.
- yoyooyooo/roam-enhance: Enhance roam reasearch, similar to roam42's smartblock, except that it is triggered by a right-click menu