Scene-based Styling (OBS)

与自动切换深色模式（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 - 了解模版优先级与层叠层的使用方法