抹茶玻璃 預設
一杯透光的冰抹茶
- 色彩
- 半透明深綠底、淡薄荷名字、淡綠文字
- 形狀
- 12px 圓角、淡色細邊框
- 動態
- 淡入
和紙
寫在和紙上的留言
- 色彩
- 米色紙底、墨色文字、茶褐色名字、朱紅強調
- 形狀
- 近乎直角、思源宋體
- 動態
- 淡入
泡泡
手機聊天的對話泡泡
- 色彩
- 淡珊瑚底、深茶色文字、珊瑚色強調
- 形狀
- 大圓角、一角收尖；事件加邊框與歪斜貼紙
- 動態
- 彈出
極簡描邊
遊戲字幕
- 色彩
- 白字黑描邊、薄荷名字、金色強調
- 形狀
- 沒有底，只有字，字級稍大
- 動態
- 淡入
暖簾
店門口的暖簾
- 色彩
- 深藍布色、名字在更深的布塊上、金色強調
- 形狀
- 名字與內容左右兩塊、6px 圓角
- 動態
- 從左滑入
終端機
開發者的終端機
- 色彩
- 近黑底、灰白文字、青綠名字與強調
- 形狀
- 等寬字、@ 前綴、顯示時間、一整塊面板
- 動態
- 無
茶葉框
Chatto 自己的樣子
- 色彩
- 深色底配淡抹茶外框、櫻色強調
- 形狀
- 九宮格圖片外框，對角兩片茶葉
- 動態
- 彈出
空白
不帶任何樣式，只留結構與 class，給想從零寫 CSS 的人。
.chatto-message { }自訂
主題編輯器會同時顯示所有元件的範例，改了什麼立刻看得到。桌面 Overlay 和 OBS 可以各用一個主題。
- 四邊內距、四角圓角、框線、陰影、模糊
- 九宮格圖片外框（PNG、WebP、GIF）
- 管理員、VIP、訂閱者各自的樣式
- 訂閱、揪團等事件的樣式與文字
- 自訂 CSS，附自動完成與檢查模式
- 匯出與匯入，可以連同圖片打包成 .chattotheme