Skip to content

PRO-2684/Transitio-user-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Transitio-user-css

Transitio 用户样式仓库。

用户样式

头像相关的调整:头像浮动、头像边框等。

avatar-float

艾特建议面板更为紧凑。

自定义隐藏主界面更多菜单中至多三个不需要的项目,需自行设置要隐藏的项目序号 (默认设置的序号过大,故不会隐藏任何项目)。注意:数序号时需算上通过其它样式隐藏的项目。

自定义隐藏 QQNT 原生设置界面选项,默认隐藏“超级调色盘”。

演示模式,来源于 https://github.com/qianxuu/LiteLoaderQQNT-Plugin-Demo-mode

为聚焦元素添加可见的边框。

移除右键消息上的表情回应。(By @InfSein, Ref)

隐藏一些不需要的项目:

  • 主页下侧侧栏的 QQ 邮箱
  • 设置界面带 SVIP 的项目 (超级调色盘;新版失效)
  • 主页上侧侧栏的无法隐藏的频道和游戏中心
  • 聊天页面上侧的语音通话,视频通话,屏幕共享,机器人指令
  • 输入框上侧的截图,语音按钮
  • 菜单栏的检查更新
  • 表情菜单的 GIF 热图
  • 窗口控制栏的小面板按钮
  • 左上角的 QQ Logo
  • 群在线文档
  • 文件侧边栏下方的导入手机相册功能

若有需要,可以自行注释/删除掉相应代码。(By @PRO-2684, co-authored by @wilsendd & @YatFanLan)

隐藏侧边栏 "更多" 中倒数第四个按钮 ("锁定"),防止误触。(By @Shapaper233, Ref)

image --->image

隐藏居右的自己的头像和昵称。(建议与 show-time.js 一起使用,替代 QQ 的消息时间显示)

hide-self

高亮艾特:将艾特显示为下划线,着色为主题色;修复选择 <msg-at> 元素的背景色

highlight-at

媒体查看器透明度修改。可自定义透明度。

image-viewer

自定义输入框提示/占位符(类似于 QA 的输入框提示 Type words here...

input-placeholder

链接动态颜色:悬浮/按下时显示相应颜色。

给 lite-tools 的撤回消息加上红色增强描边。(By @Shapaper233, Ref)

包括但不限于自己的消息,群消息,私聊消息,撤回文件,撤回视频,撤回卡片等

除红色描边外,字体颜色为lite-tools自带功能,在lite-tools插件设置中将撤回消息字体颜色调为红色即可达到图片效果

995d1ee03664c8f9bb0479c463378225

隐藏更新提示框以及小红点。

no-update

给 qq 的各种头衔添加对应颜色的高光,同时控制头衔的显示/隐藏。(By @Shapaper233, Ref, co-authored by @huoyan1231 & @PRO-2684)

q-tag-enhancement

QQ 表情微调:

  • 使用系统 Emoji (与字体)。
  • 调整最近表情和表情建议面板大小,更为紧凑。

qqface-fine-tune-recent

qqface-fine-tune-suggest

让自己的名字变为彩虹色。

添加过渡动画。可自定义过渡时间。

transition

透明化部分元素。可自定义透明度。

给可变字体添加一定的字宽,使用前请确保 litetools 自定义字体使用的是可变字体(可自助更改)。(By @Shapaper233, Ref)

高亮 Vue components,用于开发目的。

开发工具

除了用户样式外,此仓库还包含了如下文件,方便使用 Stylelint 进行代码的高亮与格式化:

.
├── .vscode
│   └── settings.json
├── stylelint.config.js
├── package.json
└── package-lock.json

若您需要额外提供的代码的高亮与格式化功能,请在 VSCode 中安装 Stylelint 插件,随后执行 npm install 安装依赖。

与默认的 stylelint-stylus/recommended 规则集不同的是,此仓库的默认缩进为 4 个空格,并且严重程度被设置为 warning