美化教程:讓你的酒館變成自己的樣子
酒館預設長相有點樸素,但介面其實可以完全自訂,配色、字體、背景、聊天氣泡樣式都能改。從最簡單的一鍵換主題開始,到下載社群主題、微調外觀,一步步帶你把酒館打理成自己喜歡的樣子。
第一步:套用內建主題
酒館本身就附了幾組主題,不用下載就能切換。
- 點右上角的使用者設定(齒輪圖示)
- 找到 UI 主題 區塊
- 從下拉選單選一個你喜歡的主題
- 介面會立刻套用,不需要重新整理
內建主題數量不多,但夠入門用。想要更多選擇,繼續往下看。
下載社群主題
社群裡有人做了各種風格的主題:暗色系、粉色系、毛玻璃風、極簡白……主題檔案是 .json,匯入方式很簡單。
去哪裡找主題:
- SillyTavern 官方 Discord 的美化/主題分享頻道(搜尋
#themes或#ui-sharing)[需查證:現行頻道名稱] - 簡中社群 DC 伺服器的美化區也有不少分享(繁中用語對照可參考簡中圈闖蕩指南)
匯入步驟:
- 下載
.json主題檔案到手機或電腦 - 使用者設定 → UI 主題 → 點匯入按鈕
- 選取你下載的
.json檔案 - 畫面出現綠色彈窗=匯入成功
- 從下拉選單選剛匯入的主題套用
換主題前先備份
套用新主題之前,建議先把目前的主題匯出存起來。使用者設定 → UI 主題 → 點匯出,存成一個 .json 備份。這樣如果新主題不喜歡,或是改爛了,隨時可以還原。
基本調整
不想換整套主題,只想改某幾個細節?這幾個設定最常用:
頭像樣式
使用者設定裡可以選角色頭像的形狀:圓形、方形、圓角方形。看個人喜好,對整體視覺感受影響不小。
聊天風格
酒館有三種聊天氣泡樣式:
| 風格 | 感覺 |
|---|---|
| Flat | 扁平無邊框,簡潔現代 |
| Bubbles | 像 LINE 訊息的氣泡框,比較活潑 |
| Document | 文件感,適合寫作型的 RP |
在使用者設定 → Chat Style 切換。
背景圖更換
想換掉預設背景嗎?點頁面右側的背景(Background)頁籤,可以上傳自己的圖片或從內建背景選。手機的話,橫版圖片在直向螢幕上可能會裁切,選圖時留意一下。
字體大小與其他微調
使用者設定裡還有幾個常調的選項:
- 字體大小:手機上建議比預設大一點,讀起來比較舒服
- 模糊強度(Blur Strength):影響背景模糊程度,開太高會讓文字不清楚
- 文字陰影(Text Shadow):深色背景配淺色文字時開一點比較好讀
- 聊天寬度(Chat Width):電腦寬螢幕可以調窄一點,讀起來不會眼睛掃太遠
CSS 自訂(進階)
以上調整還不夠?酒館支援自訂 CSS,幾乎可以改掉任何視覺元素。有兩種方式:
方式一:user.css 檔案([需查證:ST 1.18 的實際路徑與操作方式]) 直接編輯酒館資料夾裡的 user.css,把你的 CSS 寫進去,重整頁面後生效。
方式二:CSS 注入擴充([需查證:2026 年現行推薦擴充名稱]) 安裝可以在介面上直接編輯 CSS 的擴充,不用去翻檔案。
簡單範例:改聊天氣泡顏色
/* AI 的回覆氣泡背景改成淡紫色 */
.mes[is_user="false"] .mes_block {
background-color: #f0ebff;
}
/* 你的訊息氣泡改成淡藍色 */
.mes[is_user="true"] .mes_block {
background-color: #e8f4ff;
}把上面的 CSS 貼進 user.css 存檔,重整後就能看到效果。顏色可以用任何合法的 CSS 色碼,[需查證:實際 selector 是否與 ST 1.18 相符]。
CSS 壞了怎麼辦
改壞了不用怕,把 CSS 刪掉、清空或還原預設就好。酒館本體不會因為 CSS 錯誤崩潰,頂多畫面跑版。對 CSS 完全不熟的話,建議從別人分享的片段開始改,比從零寫安全很多。
推薦資源
找現成 CSS 片段:
- 社群 Discord 的美化頻道,很多人會分享可以直接貼的 CSS 片段
- 簡中社群也有大量美化資源,用簡中圈闖蕩指南的對照表看懂術語
常用工具:
- Mini 的 stpreset-viewer 工具箱:除了預設還有角色卡檢視,改主題時可以預覽角色卡的樣子
- tools-and-plugins.md:常用擴充推薦,包含 CSS 相關的工具
進一步學習 CSS:
- [需查證:2026 年值得推薦的 CSS 入門資源連結]
- 有基礎 CSS 知識之後,酒館的美化空間幾乎沒有上限
