Transitio

LiteLoaderQQNT 插件，用于为 QQNT 加载任意 CSS 片段。

你可能也感兴趣：Scriptio，自定义渲染层 JavaScript 脚本加载器。

🪄 具体功能

导入 CSS 代码片段
启用/禁用 CSS 代码片段
开发者模式：监控文件更改，实时预览效果
立即重载：立即重载所有 CSS 代码片段

🖼️ 截图

演示中使用了 MSpring-Theme，主题色为 #74A9F6。

📥 安装

插件商店

在插件商店中找到 Transitio 并安装。

手动安装

稳定版: 下载 Release 中的 transitio-release.zip，解压后放入数据目录下的 plugins/transitio 文件夹中即可。(若没有该文件夹请自行创建)
CI 版: 若想体验最新的 CI 功能，可以下载源码后同上安装。(仅需下载下面列出的文件)

完成后的目录结构应该如下:

plugins (所有的插件目录)
└── transitio (此插件目录)
    ├── manifest.json (插件元数据)
    ├── main.js (插件脚本)
    ├── preload.js (插件脚本)
    ├── renderer.js (插件脚本)
    ├── settings.html (插件设置界面)
    └── icons/ (插件用到的图标)

🤔 使用方法

Warning

所有不是通过配置界面进行的更改，除非打开了开发者模式，都只在双击 CSS 片段列表这行字或重启 QQ 后生效。

启用/禁用样式：打开插件设置界面，将对应的样式开关打开/关闭，即时生效。
- 注意：禁用样式，实际上是在文件内第一行注释末尾添加了 [Disabled] 标记。
- 若点击各个开关速度过快，可能会导致错位等情况，此时请双击 "CSS 片段列表" 来重载。
导入样式：在配置界面导入 CSS 文件，或将之放入 plugins_data/transitio/styles/ 文件夹。
- CSS 文件首行的注释（若有）会被当作样式说明，显示在设置界面中。
删除样式：~~点击删除按钮，或~~进入 plugins_data/transitio/styles/ 文件夹删除对应文件。
修改样式：修改对应文件即可。
更新样式：重新导入即可。

💻 调试

开发者模式：若您想要调试您的 CSS 片段，可以在插件设置界面打开开发者模式，此时插件会监控 plugins_data/transitio/styles/ 文件夹，当发生更改时，会自动重载。
Debug 模式：若您想要调试此插件本身，可以使用 --transitio-debug 参数启动 QQNT，此时插件会在控制台输出调试信息。

📜 用户 CSS 片段

Note

以下样式均为由我/其它用户编写的 CSS 片段，不内置在插件中。

你可以下载后修改其内容来满足你的需求，随后将其导入到插件中来体验。

若你有愿意分享的样式，欢迎提交 PR 或 Issue 来将它们添加到这里。