dsh-skin-galactic-opera:DSH Web GUI 的非官方太空歌剧暗色皮肤包

前言

DeepSeek Harness (DSH) 的 Web 界面默认风格较为通用。如果需要为调试过程增加电影感的视觉反馈,可以通过安装皮肤插件来实现。dsh-skin-galactic-opera 是一套非官方的暗色主题皮肤,旨在提供深空科幻风格的视觉体验。

插件介绍

该插件由开发者 xmnathan 维护,通过覆盖 DSH Web GUI 的主题 Token,引入了一套完整的太空歌剧视觉元素。它使用 Shadow DOM 构建装饰层,以减少对宿主应用样式的干扰。皮肤包含深空背景、黑洞吸积盘、行星轨道、扫描器 HUD 等装饰性视觉元素,以及鼠标视差、点击能量脉冲、消息提交时的超空间爆发等交互效果。

核心功能

主题与样式

  • 注册并启用 galactic-opera 暗色主题。
  • 覆盖 DSH Web GUI 的主题 Token,包括背景、边框、文本、品牌色、状态色、滚动条和侧边栏表面。
  • 全局样式:深空背景层、斜向超空间航道、按钮与代码块的悬停辉光、科幻风格文本选中与代码块辉光。

装饰性视觉元素

  • 中央黑洞吸积盘(含吸入粒子)。
  • 右上角行星、卫星及椭圆轨道。
  • 左下角旋转扫描盘 HUD 和全息路线图。
  • 红、青、金三色能量束。
  • 稀疏闪烁星点、彗星、V 形战机剪影。
  • 金色任务简报滚动面板。

交互效果

  • 鼠标移动时的轻微视差效果。
  • 点击时的能量脉冲。
  • 扫描盘 HUD 根据点击位置投影目标 ping。
  • 提交新指令或消息后的自动超空间爆发特效。
  • 固定在右下角的遥测/状态 HUD 面板。
  • 尊重 prefers-reduced-motion: reduce 媒体查询,禁用主要动画。

安装与启用

  1. 确保已安装 DSH,且 dsh 命令在终端中可用。
  2. 使用插件管理器安装皮肤:
dsh plugin --profile web add dsh-skin-galactic-opera@latest
  1. 安装完成后,重启 DSH Web 实例。
  2. 在浏览器中硬刷新页面(Ctrl+F5 或 Cmd+Shift+R)以加载皮肤。

典型用法

  • 提交消息:发送指令或新消息时,界面会触发超空间爆发动画。
  • 点击交互:点击任意位置,扫描盘 HUD 会根据点击坐标投影目标标记。
  • 查看遥测:右下角会显示固定的状态 HUD,展示轮次、步数、缓存命中率等全局遥测信息。

注意事项

  • 版本要求:需要 DSH 版本 0.1.0-rc.7 或更新。不兼容 0.0.1-rc.1 和 0.0.1-rc.2。
  • 安装方式:必须通过 DSH 插件管理器安装,直接使用 npm install 不会生效。
  • 重启机制:安装后必须重启 DSH 实例,否则皮肤不会加载。
  • 非官方声明:该插件非官方出品,不包含任何特定影视或游戏系列的复刻内容。

结尾

如果需要在 DSH Web 界面中增加科幻风格的视觉反馈,这套皮肤提供了从背景到交互的完整解决方案。项目源码位于 GitHub。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜