使用LiteLoaderQQNT(v0.3.1)插件修改美化NT
0x1-修改预览图这只是简单的修改了一下，没有添加什么太多的功能，只是一个简单的示范 0x2-LiteLoaderQQNT这个是做什么的？前几天 NT_QQ 不是发布
admin
0x1-修改预览图这只是简单的修改了一下，没有添加什么太多的功能，只是一个简单的示范
0x2-LiteLoaderQQNT这个是做什么的？前几天 NT_QQ 不是发布了嘛~ 而且使用的使用的是Electron我们就可以愉快的改改改啦~
Windows QQ_NT v9.9.0.14619 正式版(小版本更新)
https://blog.zytllt.cn/278
LiteLoaderQQNT是一个QQNT的插件加载器它可以让你自由地为QQNT添加各种插件比如：美化主题，增加新功能 等...0x3-注意事项目前仍在开发当中，可能会存在一些问题和不足目前没有插件商店系统（后续会上线），暂时只能自行寻找插件仅为个人兴趣而制作，开发目的在于学习和探索仅于学习为目的，请24小时内删除如果被官方封号/冻结等其他问题，与本插件无关，自行承担0x4-安装教程 - 前置需要前往 GitHub Releases下载
使用GitHub下载更新的时候也方便 直接在文件夹内 使用git pull命令就可以更新GitHub打不开下载不了的有云盘分流下载（后面不保证时效性，建议在GitHub下载）找到我们NT_QQ安装目录
放到 --> /resources/app，然后把文件夹名字改成LiteLoader（此教程为Windows教程）
Windows：QQNT的根目录/resources/appLinux：QQNT的根目录/resources/appMacOS：/Applications/QQ.app/Contents/Resources/app
修改package.json文件内的内容，就是/resources/app/package.json......
"sideEffects": true,
"main": "./app_launcher/index.js",
"resolutions": {
......将 "main": "./app_launcher/index.js", 改成 "main": "LiteLoader",
......
"sideEffects": true,
"main": "LiteLoader",
"resolutions": {
......我们就可以愉快的去的登录NT_QQ啦，登录一下NT_QQ将插件目录释放一下
第一次登录我们要去改下插件文件夹存储的位置，默认是存储在C盘了，如果你不修改这个位置可以忽略修改目录这一步
修改好插件路径后我们就可以在插件文件夹里面安装插件了
插件我们在下面能看到
打不开的可以用分流的链接我把上述的都打包了一份按照排序编写了序号分流下载 https://www.aliyundrive.com/s/uM7bwMwCvoG （后面不保证时效性，建议在GitHub下载）使用GitHub下载更新的时候也方便 直接在文件夹内 使用git pull命令就可以更新下面的扩展和主题会慢慢增多或者减少，随着时间也可能会不维护
扩展作者名称描述沫烬染Chii DevTools使用Chii的DevTools进行远程调试XiaoHe321QQNT vConsole使用腾讯自己的vConsole进行前端调试沫烬染窗口置顶添加窗口置顶按钮XiaoHe321背景插件窗口背景图片XiaoHe321链接跳转外链直接跳转，而不经过拦截页FW27623移除QQ游戏中心删除QQ游戏中心侧边按钮cookieiz关闭QQ空间移除QQ空间按钮XiaoHe321关闭更新弹窗关闭NTQQ恼人的更新弹窗沫烬染Linux - 背景毛玻璃给Linux下KDE桌面环境的QQNT添加背景毛玻璃效果XiaoHe321防撤回目前防撤回仅当你打开聊天窗口时生效，重新进入就失效了谦虚繁化姬将消息从繁体转化为简体xinyihl自定义移除侧栏通过序号自定义移除主页的侧栏主题作者名称描述沫烬染测试主题测试用的主题MUKAPPMSpring-ThemeLiteLoaderQQNT 主题，优雅 · 粉粉 · 细致festoney8QQNT微信风格主题QQNT高仿微信主题XiaoHe321自定义 CSS 样式用来自定义 CSS 样式插件使用也很简单，将插件下载好解压出文件夹后直接丢进plugins文件夹内即可
如果你第一次还没加载插件打开插件文件夹只会看到plugins这个文件夹其他的暂时没有
插件都丢进去后，我们可以去登录NT_QQ然后愉快的去使用了
如果你要安装新的插件那得退出QQ重新登录才会生效
安装插件教程到这里就结束了~~ 下面说下如何美化你的QQ吧0x5-修改教程美化这里我使用的这两个插件,一个是Chii DevTools打开开发者模式进行调试，另一个是MSpring-Theme的主题，可以修改CSS进行注入
作者名称描述沫烬染Chii DevTools使用Chii的DevTools进行远程调试（需要安装然后F12打开调试）克隆/下载本项目，并将其放到插件目录下进入本插件的目录内，执行命令npm install chii --save进行安装重启QQNT，按F12会在新窗口打开DevTools
作者名称描述MUKAPPMSpring-ThemeLiteLoaderQQNT 主题，优雅 · 粉粉 · 细致XiaoHe321自定义 CSS 样式用来自定义 CSS 样式插件丢进plugins文件夹后我们重新登录NT_QQ，就可以在设置里面看到
MSpring-Theme主题本身自带一些修改，可以使用这个来调色
不过MSpring-Theme主题也还可以，如果不喜欢或者想着新增，那么我们也可以借用MSpring-Theme主题的style.css来新增注入
我们打开插件里面的MSpring-Theme主题文件夹，能看到style.css我们打开 直接拉到最底新增我们的CSS样式就可以
最终 我们使用 MSpring-Theme 或者 自定义 CSS 样式 两个插件都一样都是启用后修改 style.css文件然后保存就行
0x6-自己随便调试期间瞎改的样式里面的颜色是在调试期间瞎改的，大家可以自己改 或者自己添加新的~
在使用 开发者工具调试的时候 崩了 可以按 Ctrl+R 刷新然后按F12重新打开开发者工具
开发者调试工具就不用说怎么用了吧？？？应该会改的都知道怎么用，不会改的可以了解下自然就懂了~
如果不会使用调试工具来自己修改，可以用大佬分享的也可以~/* 自己新增 */
/* 消息列表动画渐变 */
.list-item {
transition: background-color 0.2s ease;
}
/* 别人消息的背景 */
.message-content__wrapper .container--others {
background: #409EFF !important;
}
/* 自己消息的背景 */
.message-content__wrapper .container--self {
background: #4683DE !important;
}
/* 禁止选中消息变暗 */
.q-theme-tokens-light {
--overlay_pressed: inherit;
}
/* 发送按钮颜色 */
.send-btn-wrap {
/* background-color: #F100FF !important;*/
background-color: #4683DE !important;
}
/* 未发送按钮高亮 */
.send--disabled {
opacity: 1 !important;
}
/* 消息侧边栏的侧边栏 */
.sidebar .sidebar-wrapper {
background-color: #B1CDF9 !important;
}
/*消息多选后的选中消息颜色*/
.message-container--active{
background-color: #b9f3da !important;
}
/* 点击引用消息后 高亮提醒*/
.message-container--focus{
background-color: #b9f3da !important;
}
/* images 消息列表栏 img */
.list-toggler{
/*.two-col-layout__aside{ */
background-image: url(https://down.onmicrosoft.cn/qiniu/u202210176ba36766_1675496187937_17911737_file.svg) !important;
}
/* 管理员/群主 头衔背景颜色 */
div.q-tag.member-role-tag{
background-color: #FFFFFD !important;
}
/* 聊天窗口文字样式 */
.text-normal{
font-family: 'JetBrains Mono','树颜' !important;
font-size: 15px;
}
/* 回复消息内文字 */
span.text{
color:yellow;
font-family: 'JetBrains Mono','树颜' !important;
font-size: 15px;
}
/* 回复艾特高亮 */
.message-content__wrapper .reply-message__container .text-element--at{
color: red;
/*font-family: 'JetBrains Mono','树颜' !important;*/
font-size: 15px;
font-weight: bold;
}
/* 正常艾特高亮 */
.message-content__wrapper .mix-message__container .text-element--at{
color: #00ff08;
/*font-family: 'JetBrains Mono','树颜' !important;*/
font-size: 15px;
font-weight: bold;
}0x7 小脚本 更新插件和 LiteLoaderQQNT 本体用于批量更新插件用的 git pull
#!/bin/bash
# 设置代理 / 代理端口号自行设置自己需要的
export https_proxy=http://127.0.0.1:10809
export http_proxy=http://127.0.0.1:10809
export all_proxy=socks5://127.0.0.1:10809
# 定义日志文件路径和名称，日志路径自己换
log_file="C:\Users\Administrator\Desktop\pulllog.txt"
# 记录执行时间
current_time=$(date "+%Y-%m-%d %H:%M:%S")
# 将执行时间写入日志文件
echo "更新时间: $current_time" >> "$log_file"
# 定义需要更新的文件夹列,路径自己更换
folders=(
"E:\QQ2\resources\app\LiteLoader"
"E:\LiteLoader\plugins\chii-devtools-呼出开发者调试工具"
"E:\LiteLoader\plugins\LiteLoaderQQNT-Anti-Recall - 防撤回"
"E:\LiteLoader\plugins\LiteLoaderQQNT-Custom-CSS - 自定义CSS"
"E:\LiteLoader\plugins\LiteLoaderQQNT-Kill-Update - 去除更新"
"E:\LiteLoader\plugins\LiteLoaderQQNT-MSpring-Theme - 美化"
"E:\LiteLoader\plugins\LiteLoaderQQNT-Plugin-Demo-mode - 演示"
"E:\LiteLoader\plugins\window-on-top - 窗口置顶"
)
# 循环遍历文件夹列表，并执行 git pull 操作
for folder in "${folders[@]}"
do
echo "Updating $folder"
cd "$folder" || continue
git pull &>> "$log_file"
cd ..
done
0x8 结束仅于学习为目的，请24小时内删除如果被封号/冻结等其他问题，与本插件无关，自行承担