Subspace Institute
Background Decoration

Auto Dark Mode (OBS)

LAPLACE Chat 弹幕机可直接调用 OBS 的 API 自动判断场景类型,自动切换弹幕机的深色模式,无需添加多个弹幕机源

Dark Mode

如果您的 OBS 中包含多个场景,例如一个浅色背景的场景,用于杂谈;一个深色背景的场景,用于游戏,那么通常的做法是在 OBS 中添加两个弹幕机源,一个设为浅色模式、一个深色。但这么做会有两个弊端:

  • OBS 中相当于开了两个弹幕机,增加额外的资源占用,如果您有两个以上的场景,那么资源占用更多
  • 在切换场景时,弹幕机的显示会不连贯、不够顺滑

因此,LAPLACE Chat 弹幕机引入了一个原创特性,可以直接调用 OBS 的 API,自动判断场景的类型,自动对弹幕机的颜色进行切换

使用方法

  • 在浏览器源的「页面权限」一项中,将权限修改为「用户信息的读取权限(当前场景集合、转场)」
  • 右键点击弹幕机源,选择「复制」
  • 新建场景,或切换到其他场景中,在「来源」空白处右键,选择「粘贴(引用)」,此时两个场景中均会出现一个弹幕机,但是以类似指针的形式,都指向的同一个浏览器源
  • 选定需要将弹幕机改为深色的场景,单击右键,然后重命名,在场景名称中添加 [dark] 字段。位置任意,推荐放在最后,例如 全屏游戏 [dark]

如果您更擅长看视频而不是文字,可以参考下方的视频教程

开发者

作为开发者,您可以通过定义 [data-theme='dark'][data-theme='light'] 来实现对不同配色模式的强制切换:

@layer template {
  [data-theme='light'] {
    --mix-base: #000;
    --mix-factor: 98%;
  }

  /* other styles */
  ...
}

相关链接

On this page