Shiori ChatCraft is built for a desktop browserEverything works here, and the page is the same one a desktop shows — pinch to zoom in on what you are editing. For comfortable editing, use a desktop.
Background:
Guides:
Speed:
0 / 0 · loop 1
Zoom:100%
Element
Export
How to use in OBS
Open the live popout chat and copy its URL
OBS: + → Browser Source → paste the chat URL
Source Properties → Custom CSS → paste the CSS below
Custom CSS
How to use in OneComme
Download and unzip the pack below
Press Win + R, paste %APPDATA%\onecomme\templates\custom\ and drop the folder in
OneComme → pick template Shiori-ChatCraft
Pack contents
shiori-chatcraft.zip → Shiori-ChatCraft/
template.jsonstyle.cssindex.htmlscript.js
Already installed? Copy style.css and paste over the installed style.css. Old look stuck after that = cache — right-click the OBS source → Refresh cache of current page.