與 自動切換深色模式(OBS) 功能類似,這個方法可以延伸到自訂場景中
使用方式
- 參考「自動切換深色模式(OBS)」,在瀏覽器來源的「頁面權限」一項中,將權限改為「使用者資訊的讀取權限(目前場景收藏、轉場)」
- 選定要自訂的場景,按右鍵重新命名,在場景名稱中加入
[scene:name]標記。name為要加入的場景名稱,建議使用純英文,不要帶空格等特殊字元,例如全螢幕遊戲 [dark] [scene:gaming] - 完成設定後,再次切換場景,該場景下的彈幕機就會自動套用全域的 CSS 樣式
.scene-gaming,此時可依此樣式重新定義目前場景下的所有屬性 - 如果您是樣式作者,可以在「樣式」標籤頁中輸入「OBS 場景」,用來模擬 OBS 中自訂場景的情況
如果您比起文字更習慣看影片,可以參考下方的影片教學
開發者
身為開發者,您可以透過定義 .scene-[name],在單一範本中包含多個場景的樣式:
@layer template {
/* 此样式只有在主播在当前场景名中添加 [scene:gaming] 时才会生效 */
.scene-gaming {
--mix-base: #000;
--mix-factor: 98%;
.event--message {
padding: calc(var(--1px) * 6) calc(var(--1px) * 10);
}
/* other styles */
...
}
/* 此样式只有在主播在当前场景名中添加 [scene:chit-chat] 时才会生效 */
.scene-chit-chat {
--mix-base: #000;
--mix-factor: 98%;
}
}相關連結
- Auto Dark Mode (OBS) - 自動切換彈幕機深色模式的基礎設定
- Templates - 了解範本優先順序與層疊層的使用方式
最後更新於 2026年9月19日