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 🙏

© 2025 – Pkg Stats / Ryan Hefner

@tachybase/plugin-theme-editor

v0.23.22

Published

Customize UI colors, sizes, etc. and save the result as a theme to switch between multiple themes.

Downloads

720

Readme

English | 中文

当前主题功能是在 antd 5.x 版本的基础上实现的,所以在阅读本文之前最好先阅读一下定制主题相关的概念。

介绍

目前支持编辑全局范围的 SeedTokenMapTokenAliasToken,和支持切换暗黑模式紧凑模式。后期有可能会支持组件级别的主题定制。

如何使用

1、启用主题插件

首先把 TachyBase 更新到最新版本,然后会在插件管理页面看到 theme-editor 的卡片,点击卡片右下角的 启用 按钮等待页面刷新。

2、跳转到主题配置页面

启用之后点击卡片左下角的设置按钮,会跳转到主题编辑页面。默认会有三个主题选项,分别是 antd 的默认主题暗黑主题紧凑主题

新增一个主题

点击 添加新主题 按钮,选择 新增一个全新的主题,然后会在页面右侧弹出一个 主题编辑器,支持编辑 颜色尺寸风格等。编辑好之后输入主题名称然后点击保存即可完成主题的新增。

应用新主题

可以把鼠标移到页面右上角,可以看到一个主题切换项,点击可以切换到其他主题,比如可以切换刚才新增的主题。

编辑已经存在的主题

点击卡片左下角的 编辑 按钮,如同新增主题一样,会在页面右侧弹出一个 主题编辑器,编辑好之后点击保存即可完成主题的编辑。

用户切换主题时的可选项

新添加的主题默认是允许非管理员用户切换的,如果不想让非管理员用户切换某个主题,可以关闭主题卡片右下角的 可被用户选择 开关,这样用户就无法切换到该主题了。

设置为默认主题(默认主题不可删除)

在初始状态下,默认主题是 antd 的默认主题,如果想把某个主题设置为默认主题,可以开启卡片右下角的 默认主题 开关,这样当新用户第一次打开页面时应用的就是该默认主题。

删除主题

点击卡片下方的 删除 按钮,然后点击弹出的确认按钮即可删除主题。