GithubHelp home page GithubHelp logo

festoney8 / liteloaderqqnt-telegram-theme Goto Github PK

View Code? Open in Web Editor NEW
153.0 2.0 5.0 9.92 MB

LiteLoaderQQNT 主题,高仿 Telegram 风格

License: MIT License

JavaScript 29.89% SCSS 70.11%
liteloaderqqnt telegram theme qqnt

liteloaderqqnt-telegram-theme's Introduction

LiteLoaderQQNT-Telegram-Theme

LiteLoaderQQNT 插件,高仿 Telegram 风格的 QQNT 主题

light

介绍

  • 全方位高仿 Telegram
  • 支持自定义壁纸
  • 支持日间模式、夜间模式
  • Telegram 风格气泡
  • Telegram 风格输入框
  • 支持连续消息合并
  • 支持头像浮动
  • 支持会话列表仅保留头像
  • 支持自定义主题样式,提供大量设置项

版本适配

  • 仅适配 LiteLoaderQQNT 1.0.0 及以上版本

使用方法

  1. Release 下载 zip 压缩包(或直接 clone 项目)

  2. 将主题文件解压到 LiteLoaderQQNT 数据目录plugins 文件夹下

  3. 重启 QQ

Caution

  • 注意:切换 日间/夜间模式 时,主题会自动适配,但设置页不会更新。需重新打开设置页,再修改主题设置
  • 本主题自带「头像置底、头像浮动、连续消息合并、右键菜单高亮显示回复和撤回、会话列表仅头像」,若同时使用 轻量工具箱,请关闭工具箱的相似功能

兼容性

  • 请不要与其他 LiteLoader 主题同时使用

  • 本主题自带「自定义壁纸」功能,不必与其他插件的自定义壁纸同时启用。若功能失效,查看是否启用了官方的「超级调色盘」,是否使用了轻量工具箱的壁纸功能

  • 本主题与 背景插件 存在样式冲突,会产生意料之外的融合效果

    • 正常情况下,本主题自带壁纸会覆盖掉背景插件的壁纸。若需同时启用,将 这张全透明图片 下载下来,设置成 Telegram 主题壁纸即可
  • 本主题与 Markdown 插件 共用时,会出现气泡圆角样式、图文混合消息样式问题,不影响正常功能

截图

日间模式

light

夜间模式

dark

设置页

setting

开发

  • 本项目无需构建,package 管理仅用于代码 lint 和 format
  • css 文件由 scss 文件直接生成,可使用 sass 命令Vscode 插件

其他

  • 本项目纯娱乐用途,仅供学习交流,请勿在微信、QQ、B 站之类的平台传播
  • 没学过 Electron,代码菜,能跑就行,能跑的代码都是 GPT 写的,bug 都是我写的(

liteloaderqqnt-telegram-theme's People

Contributors

festoney8 avatar hotspringgg avatar nailiable avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

liteloaderqqnt-telegram-theme's Issues

[Bug]回复时,图文混排时出现的排版问题

Question Comparison
截图_20240531151608 截图_20240531152038

回复时表情包/图片+(足以使气泡达到最宽长度的)长段文字会形成如上图所示:

  1. 回复气泡的两侧padding,上下padding均出现问题
  2. [可选] 能不能增加一个选项把图片左对齐(毕竟文字也是左对齐的,看起来和谐点,不过问题不大)

此问题对于发送者和接收者均存在
感谢开发者🌹

关于和轻量工具箱的适配问题

虽然不知道大大是否能管到这么多,我来提提建议,如图
QQ截图20240301132811
是否可以跟轻量工具箱适配一下,看看撤回的时候能否和美化后的气泡能兼容下

置顶会话背景色

希望置顶会话的默认背景色可以换为rgb(40, 42, 55),使这个主题更完美。

文件管理器UI问题

打开群文件之后1秒后文件列表会出现左侧缩进 出现左侧一大片空白界面
image

请问主题的输入框的浮动问题怎么解决

使用主题以后,其他的功能都收回了,然后我想用轻量工具箱里的本地表情功能,但是这个功能全都缩在里面,点开很麻烦,我记得之前是有可以全部展示的功能(印象里?)然后如果工具箱里打开移动功能位置
image
会变的很奇怪
image
image
鼠标移动到上面可以,这个怎么修改呀
image

[bug]好友列表置顶显示问题

好友列表,若添加聊群/好友为置顶,鼠标移动至其上,没有和没有置顶好友/群聊按钮一样的阴影
如下图,放上去有阴影
image
如下图,置顶群聊/好友鼠标放上去无阴影效果
image

4.1.0遇到一些问题

1.如图红包下面会出现长的消息框
{418E266F-E48E-47f8-8BB6-570F39149B28}
别人的表情包和自己的都会多出来消息框
{656F6DE0-7639-42a6-BF2C-45282F764614}
昨天设置调了下字号等设置没多大问题,但是今天后就发现有这个现象
2.有时候(重启无效)不在消息后面显示时间(昨天还可以,今天不行,今天没有动文件和设置)
3.每次启动QQ都会把之前默认的电报设置加载一边才会变成自己重新调整的,不可以直接加载好用户设置的吗?

怎样设置可以使背景色生效呢

按照Tg改了一个暗色模式,各配置项都挺好用的,但是到了背景色这里这个壁纸怎样才能丢失让背景色生效呢,壁纸那里除了选择图片没有置空的选项啊,只能添加一张深色背景了吗
image

字体太大了

字体太大了,作者应该是用的高分辨率显示器,在2K显示器上,字体大得如老人机一样...
建议调整为默认的字体,加大字体让用户通过配置实现

[bug] QQ群成员无法隐藏

我留意到QQ群的成员无法隐藏了,我习惯于隐藏掉QQ群成员列表,更多的位置留给信息展示,希望TG主题能修复一下这个功能

同时注意到 虽然主题支持了字体大小和颜色的修改, 但好像没看到设置不同字体的功能, 如果能加载本地字体的话就更好了

image

感谢大佬开发的组件

[Bug]发送图文混合消息的时候文字错位

如图:
image
可以明显的看出此时文字的左间距为0,左下角文字被挡住。尝试寻找可能出问题的地方,但是我太菜了,没找到qwq
希望作者能修改一下,谢谢。
(这主题真的很像TG欸((

请求增加调整聊天气泡大小的功能

请问能否添加一个调整聊天气泡的 line-height 和 border-radius 的功能呢😘

可以设置一个比例统一调整什么的……现在缩小聊天字体时气泡大小不会改变,显得有些突兀🐸

V4.1.0版本的一些小问题

①图片带文字时时间会歪;
②发送相同的透明图片有背景(聊天气泡);
③未读消息气泡遮挡消息;
④tg中窗口的功能栏颜色与下方聊天栏上方的区域颜色是不一样的;
非常好的主题项目,期待后续更新🥰🥰

① 上下均为QQ
图片带文字时时间会歪
② 上下均为QQ
相同的透明表情包有背景
③&④ 上为QQ,下为tg
未读消息气泡遮挡消息 上方颜色

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.