https://github.com/pro-2684/transitio-user-css

My UserStyles for [Transitio](https://github.com/PRO-2684/transitio)
https://github.com/pro-2684/transitio-user-css

css liteloaderqqnt llqqnt stylus transitio userstyle

Last synced: 4 months ago
JSON representation

My UserStyles for [Transitio](https://github.com/PRO-2684/transitio)

• Host: GitHub
• URL: https://github.com/pro-2684/transitio-user-css
• Owner: PRO-2684
• License: gpl-3.0
• Created: 2023-08-14T13:28:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-29T09:12:33.000Z (6 months ago)
• Last Synced: 2024-10-29T11:02:37.162Z (6 months ago)
• Topics: css, liteloaderqqnt, llqqnt, stylus, transitio, userstyle
• Language: CSS
• Homepage:
• Size: 1.43 MB
• Stars: 16
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Transitio-user-css

[Transitio](https://github.com/PRO-2684/transitio) 用户样式仓库。

## 用户样式

### [avatar-float](./avatar-float.styl)

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

![avatar-float](./images/avatar-float.jpg)

### [compact-at-list](./compact-at-list.css)

艾特建议面板更为紧凑。

### [customize-more-menu](./customize-more-menu.styl)

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

### [customize-settings](./customize-settings.styl)

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

### [demo-mode](./demo-mode.css)

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

### [focus-visible](./focus-visible.styl)

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

### [hide-emoticon-response](./hide-emoticon-response.css)

移除右键消息上的表情回应。(By [@InfSein](https://github.com/InfSein), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2207904703))

### [hide-items](./hide-items.css)

隐藏一些不需要的项目：

- 主页下侧侧栏的 QQ 邮箱

- 设置界面带 SVIP 的项目 (超级调色盘；新版失效)

- 主页上侧侧栏的无法隐藏的频道和游戏中心

- 聊天页面上侧的语音通话，视频通话，屏幕共享，机器人指令

- 输入框上侧的截图，语音按钮

- 菜单栏的检查更新

- 表情菜单的 GIF 热图

- 窗口控制栏的小面板按钮

- 左上角的 QQ Logo

- 群在线文档

- 文件侧边栏下方的导入手机相册功能

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

### [hide-lock](./hide-lock.css)

隐藏侧边栏 "更多" 中倒数第四个按钮 ("锁定")，防止误触。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2119115010))

**![image](https://github.com/PRO-2684/Transitio-user-css/assets/157946924/67a35135-69ce-461b-9b41-348a1cbd3b4e)**

**--->![image](https://github.com/PRO-2684/Transitio-user-css/assets/157946924/d00a405c-b556-4c37-a9e1-1f1aede8f7d7)**

### [hide-self](./hide-self.css)

隐藏居右的自己的头像和昵称。(建议与 [`show-time.js`](https://github.com/PRO-2684/Scriptio-user-scripts/#show-time) 一起使用，替代 QQ 的消息时间显示)

![hide-self](./images/hide-self.jpg)

### [highlight-at](./highlight-at.css)

高亮艾特：将艾特显示为下划线，着色为主题色；修复选择 `` 元素的背景色

![highlight-at](./images/highlight-at.jpg)

### [image-viewer](./image-viewer.css)

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

![image-viewer](./images/image-viewer.jpg)

### [input-placeholder](./input-placeholder.css)

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

![input-placeholder](./images/input-placeholder.jpg)

### [link-color](./link-color.css)

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

### [lite-tools-recall-enhancement](./lite-tools-recall-enhancement.css)

给 lite-tools 的撤回消息加上红色增强描边。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2119115010))

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

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

![995d1ee03664c8f9bb0479c463378225](https://github.com/PRO-2684/Transitio-user-css/assets/157946924/22149ce4-261d-4b3a-ad78-b93709c320b2)

### [no-update](./no-update.css)

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

![no-update](./images/no-update.jpg)

### [q-tag-enhancement](./q-tag-enhancement.styl)

给 qq 的各种头衔添加对应颜色的高光，同时控制头衔的显示/隐藏。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2212343133), co-authored by @huoyan1231 & @PRO-2684)

![q-tag-enhancement](./images/q-tag-enhancement.png)

### [qqface-fine-tune](./qqface-fine-tune.styl)

QQ 表情微调：

- 使用系统 Emoji (与字体)。

- 调整最近表情和表情建议面板大小，更为紧凑。

![qqface-fine-tune-recent](./images/qqface-fine-tune-recent.jpg)

![qqface-fine-tune-suggest](./images/qqface-fine-tune-suggest.jpg)

### [rainbow-name](./rainbow-name.css)

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

### [transition](./transition.css)

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

![transition](./images/transition.gif)

### [transparent](./transparent.css)

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

### [variable-fonts-fix](./variable-fonts-fix.css)

给可变字体添加一定的字宽，使用前请确保 litetools 自定义字体使用的是可变字体（可自助更改）。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2212343133))

### [vue-highlight](./vue-highlight.css)

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

## 开发工具

除了用户样式外，此仓库还包含了如下文件，方便使用 [Stylelint](https://stylelint.io/) 进行代码的高亮与格式化：

```text

.

├── .vscode

│   └── settings.json

├── stylelint.config.js

├── package.json

└── package-lock.json

```

若您需要额外提供的代码的高亮与格式化功能，请在 VSCode 中安装 [Stylelint 插件](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)，随后执行 `npm install` 安装依赖。

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