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

tabby-liquid-glass-theme

v0.1.1

Published

Configurable rounded liquid glass theme for Tabby

Readme

Liquid Glass Theme for Tabby

一个独立的 Tabby 外观插件,提供液态玻璃背景、圆角窗格、统一标签页和工作区侧栏样式。安装后可在 Settings → Liquid Glass Theme 调整启用状态、窗口透明效果、背景图片、背景不透明度和窗格圆角。未选择背景图片时,窗口透明效果会透出桌面背景。

安装

可从 GitHub Releases 下载 .tgz 安装包。安装包作为 Release 附件分发,不提交到 Git 仓库。

也可以从源码构建:

npm install --legacy-peer-deps
npm run build
npm pack

在 Tabby 的插件目录安装生成的 tarball:

npm install --omit=dev --legacy-peer-deps /absolute/path/tabby-liquid-glass-theme-0.1.1.tgz

重启 Tabby,在 Settings → Liquid Glass Theme 开启样式。使用设置页的 卸载插件 按钮会先恢复启用前的窗口透明和终端渲染设置,再卸载插件。若通过 Tabby 插件管理器直接卸载后仍有配置残留,可在项目目录运行 npm run cleanup 清理,然后重启 Tabby;也可设置 TABBY_CONFIG_PATH 指向指定的 config.yaml。

设置

  • 背景颜色:使用 Tabby 当前配色方案,不由插件单独指定。
  • 背景图片:点击“选择图片”打开系统文件选择器,支持 PNG、JPEG、WebP、GIF 和 AVIF(最大 100 MB);可单独调节图片透明度或移除图片。图片数据保存在 Tabby 配置中。未添加图片时继续使用桌面背景透明效果。
  • 背景不透明度:0–100%,窗口透明开启时控制玻璃表面浓度;窗口透明关闭时,主背景、侧栏、文件区和终端使用不透明的系统配色。
  • 窗格圆角:0–24 px,分隔线两端会同步缩进。
  • 窗口透明:启用 Tabby 的 Vibrancy,使终端画布可以透出桌面背景;具体效果受桌面合成器影响。启用主题后,xterm 终端背景会透出对应窗格底色,避免 AI 终端与主题面板出现色差。

开启窗口透明时,插件会将终端输出中的 ANSI 背景填充和反显设为透明,让桌面背景透出。为避免 WebGL 前端绘制不透明色块,插件会在透明模式下切换到 Tabby 的 Canvas 终端前端,并在 Settings 页面提示重启;关闭样式或窗口透明后会恢复原来的终端前端设置。