npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

dsh-theme-swiss-international

v1.0.0

Published

Swiss International Style (Internationale Typographie) theme for the DeepSeek-Harness Web UI: paper-and-ink palette, one signal red, hairline rules, square corners, flush-left grotesque type.

Readme

瑞士国际主义主题 — DeepSeek-Harness 主题

把 1950–60 年代苏黎世/巴塞尔学派的国际主义排版(Internationale Typographie)搬到 DeepSeek-Harness 的 Web 界面上:纸白与墨黑、唯一一个信号红、用发丝线代替阴影、 全直角、左对齐格罗特斯克字体。

English · 设计说明

它做了什么

一个主题层,加一个开关,仅此而已:

  • 覆盖主题服务的别名 token 层(194 个 token),所以明色 / 暗色 / 跟随系统照常工作 —— 在「外观」里选哪个都行;
  • 在设置 → 通用 → 瑞士国际主义加一个开关,用来挂载或撤下这个层,重启后记住状态;
  • 关掉时干净撤除:界面回到和装之前一模一样,不留下任何残留。

六条法则

| # | 法则 | | --- | --- | | 1 | 纸白与墨黑。 亮色底 #f4f3ef、墨色 #111111;暗色 #121212 与 #f2f0ea。不加色调、不用渐变、不要第三种底色。 | | 2 | 只有一个信号色。 朱红 #e30613(暗色 #ff4a3d)同时是品牌色、链接、激活标记、选区、告警和引导页底色。一个颜色一个含义:这是当前可操作的元素。 蓝色系与 DeepSeek 色阶整体收敛成它。 | | 3 | 发丝线,不用阴影。 所有阴影 token 透明化,层层高度收成一条 0 0 0 0.5px 描边。面板读起来像纸上画了分格线。 | | 4 | 直角网格。 所有圆角都是 0px。方角、方开关、方滚动条。 | | 5 | 左对齐格罗特斯克。 Helvetica / Neue Haas 优先,Inter 与系统字体兜底,中文落到 PingFang SC / 微软雅黑。标题收紧字距,正文等宽数字,代码关闭连字。外观里自选的字体仍然优先。 | | 6 | 不要装饰。 单色图标,工具栏底色用低透明度墨色,遮罩用中性黑。没有发光、没有渐变、没有弹跳。 |

成功与警告保留低饱和的功能色:它们编码状态,不承担强调。

安装

dsh plugin add dsh-theme-swiss-international --profile desktop

然后打开设置 → 通用,把瑞士国际主义打开。它默认就是开启的 —— 重启后主题层 会自己挂上,不需要手动切换。

用本地 tgz 安装:

dsh plugin add ./dsh-theme-swiss-international-1.0.0.tgz --profile desktop

运行要求

  • DeepSeek-Harness >= 0.2.1-rc.2
  • Node ^22.19.0 || >= 24.0.0
  • Web 界面(这是客户端主题,命令行没有可上色的地方)

卸载

dsh plugin remove dsh-theme-swiss-international --profile desktop

主题层随包一起撤除,原生配色立刻恢复。

接入方式

  • dsh.bundle.patch 插入一个 Loader 行(swiss-international)。
  • dsh.client 附带的静态客户端半体通过 theme.overrideTokens(source, tokens) 注册 token 层 —— 每个值都是 { light, dark } 对,这是主题服务的硬性要求。
  • 设置行注册到 settings.general.item 槽位,order 12。
  • theme 用 ctx.inject(['theme'], …) 等待,所以即使客户端半体比主题服务先启动, 层也照样挂上。
  • 它追加的样式表只放 token 表达不了的东西:字距、选区颜色、以及高度塌陷。

许可证

Apache-2.0 —— 见 LICENSE。