用户样式投稿 #4

PRO-2684 · 2023-08-14T13:01:56Z

您可以选择以下两种方式之一投稿您的代码。通过 Issue 投稿是较为简单的方案，但是通过 PR 投稿可以让您的头像展示在 Contributors 中 ~~我只需要点一下确认就可以完成文档更新了（懒~~

通过 Issue 投稿

新建一个仓库或者 gist 来存放您的代码 (注意：请勿直接 fork Transitio-user-css)，随后回复您想要投稿的用户样式相关信息：

名称 (最好由多个开头大写的英文单词和空格组成，与样式内 @name 保持一致)
作者 (你的 GitHub 个人主页网址最后一段)
说明 (对样式作用的简短说明，与样式内 @description 保持一致，详细说明可以放在样式主页内)
预处理器 (与样式内 @preprocessor 保持一致)
样式主页链接
样式下载链接 (通常以 https://raw.githubusercontent.com/ 或 https://gist.githubusercontent.com/ 开头)

可以一次性投稿多个样式。

通过 PR 投稿

新建一个仓库或者 gist 来存放您的代码 (注意：请勿直接 fork Transitio-user-css)，随后 fork 此仓库。在您的 fork 内按照字母顺序在 userstyles.json 中添加您的用户样式，然后向本仓库提交 PR。

The text was updated successfully, but these errors were encountered:

Shapaper233 · 2024-05-19T06:05:16Z

hide-lock.css

/* 通过display隐藏侧边栏[更多]中倒数第四个[锁定]按钮，防止误触 */
.more-menu :nth-last-child(4) { display: none !important; }

lite-tools-recall-enhancement.css

/* 给lite-tools的撤回消息加上红色增强描边 */
.lite-tools-recall-msg .msg-content-container{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; }
.lite-tools-recall-msg .file-message--content{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; }
.lite-tools-recall-msg .msg-preview--video{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; }

PRO-2684 · 2024-05-19T06:28:04Z

hide-lock.css

/* 通过display隐藏侧边栏[更多]中倒数第四个[锁定]按钮，防止误触 */
.more-menu :nth-last-child(4) { display: none !important; }

lite-tools-recall-enhancement.css

/* 给lite-tools的撤回消息加上红色增强描边 */
.lite-tools-recall-msg .msg-content-container{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; }
.lite-tools-recall-msg .file-message--content{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; }
.lite-tools-recall-msg .msg-preview--video{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; }

已在 d109e37 添加

InfSein · 2024-07-04T02:42:29Z

hide-menu-stickers.css

/** 移除右键消息上方的添加表情按钮组 */
.menu-stickers-wrapper {
  display: none;
}

注：
指不知道9.9.10之后的哪个版本加的右键消息可以贴表情的功能

PRO-2684 · 2024-07-04T03:03:37Z

hide-menu-stickers.css
/** 移除右键消息上方的添加表情按钮组 */
.menu-stickers-wrapper {
  display: none;
}
注：指不知道9.9.10之后的哪个版本加的右键消息可以贴表情的功能

已在 feb9d40 添加

Shapaper233 · 2024-07-07T06:41:24Z

Wow，支持变量了（）
有几个自己用的css可以发上来哩

Variable-Fonts-Fix.css

/* ==UserStyle==
@name           Variable-Fonts-Fix
@description    给可变字体添加一定的字宽，使用前请确保litetools自定义字体使用的是可变字体（可自助更改）
@preprocessor   transitio
@version        0.1.0
@author         Shapaper
@license     	gpl-3.0
@var number opacity-1 "字宽" "540"
==/UserStyle== */
/* 给可变字体添加一定的字宽，使用前请确保litetools自定义字体使用的是可变字体（可自助更改） */
body 
{
font-weight: var(--opacity-1);
}

q-tag-enhancement.css

/* ==UserStyle==
@name           q-tag-enhancement
@description    给qq的各种头衔添加对应颜色的高光
@preprocessor   transitio
@version        0.1.0
@author         Shapaper
@license     	gpl-3.0
@var number box-shadow-opacity "高光透明度" "80"
==/UserStyle== */
/* 给qq的各种头衔添加对应颜色的高光 */
.q-tag--orange.group-user__label {box-shadow: rgb(237 213 195 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.q-tag--blue.group-user__label {box-shadow: rgb(186 217 237 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.q-tag--purple.group-user__label {box-shadow: rgb(228 218 243 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.q-tag--grey.group-user__label {box-shadow: rgb(226 226 226 / var(--box-shadow-opacity)) 0px 0px 6px 2px}

.q-tag--orange.group-member-label:not(.group-user__label) {box-shadow: rgb(237 213 195 / var(--box-shadow-opacity)) 0px 0px 4px 1px}
.q-tag--blue.group-member-label:not(.group-user__label) {box-shadow: rgb(186 217 237 / var(--box-shadow-opacity)) 0px 0px 4px 1px}
.q-tag--purple.group-member-label:not(.group-user__label) {box-shadow: rgb(228 218 243 / var(--box-shadow-opacity)) 0px 0px 4px 1px}
.q-tag--grey.group-member-label:not(.group-user__label) {box-shadow: rgb(226 226 226 / var(--box-shadow-opacity)) 0px 0px 4px 1px}

.qq-bot-label.group-user__bot {box-shadow: rgb(10 100 255 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.qq-bot-label:not(.group-user__bot) {box-shadow: rgb(10 100 255 / var(--box-shadow-opacity)) 0px 0px 6px 1px}

PRO-2684 · 2024-07-07T07:16:06Z

Wow，支持变量了（） 有几个自己用的css可以发上来哩

Variable-Fonts-Fix.css

/* ==UserStyle==
@name           Variable-Fonts-Fix
@description    给可变字体添加一定的字宽，使用前请确保litetools自定义字体使用的是可变字体（可自助更改）
@preprocessor   transitio
@version        0.1.0
@author         Shapaper
@license     	gpl-3.0
@var number opacity-1 "字宽" "540"
==/UserStyle== */
/* 给可变字体添加一定的字宽，使用前请确保litetools自定义字体使用的是可变字体（可自助更改） */
body 
{
font-weight: var(--opacity-1);
}

q-tag-enhancement.css

/* ==UserStyle==
@name           q-tag-enhancement
@description    给qq的各种头衔添加对应颜色的高光
@preprocessor   transitio
@version        0.1.0
@author         Shapaper
@license     	gpl-3.0
@var number box-shadow-opacity "高光透明度" "80"
==/UserStyle== */
/* 给qq的各种头衔添加对应颜色的高光 */
.q-tag--orange.group-user__label {box-shadow: rgb(237 213 195 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.q-tag--blue.group-user__label {box-shadow: rgb(186 217 237 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.q-tag--purple.group-user__label {box-shadow: rgb(228 218 243 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.q-tag--grey.group-user__label {box-shadow: rgb(226 226 226 / var(--box-shadow-opacity)) 0px 0px 6px 2px}

.q-tag--orange.group-member-label:not(.group-user__label) {box-shadow: rgb(237 213 195 / var(--box-shadow-opacity)) 0px 0px 4px 1px}
.q-tag--blue.group-member-label:not(.group-user__label) {box-shadow: rgb(186 217 237 / var(--box-shadow-opacity)) 0px 0px 4px 1px}
.q-tag--purple.group-member-label:not(.group-user__label) {box-shadow: rgb(228 218 243 / var(--box-shadow-opacity)) 0px 0px 4px 1px}
.q-tag--grey.group-member-label:not(.group-user__label) {box-shadow: rgb(226 226 226 / var(--box-shadow-opacity)) 0px 0px 4px 1px}

.qq-bot-label.group-user__bot {box-shadow: rgb(10 100 255 / var(--box-shadow-opacity)) 0px 0px 6px 2px}
.qq-bot-label:not(.group-user__bot) {box-shadow: rgb(10 100 255 / var(--box-shadow-opacity)) 0px 0px 6px 1px}

已在 5badf3c 添加

wilsendd · 2024-07-20T09:14:52Z

/*隐藏最小化按钮旁的缩小隐藏按钮*/
.narrow-toggler {
	display: none;
}

wilsendd · 2024-07-20T09:16:45Z

/*隐藏左下角更多里第一个选项(超级调色盘)*/
.more-menu>a:nth-child(1) {
	display: none;
}

目前QQ版本9.9.12-25765，所以第一个选项是超级调色盘，其他版本可能不一致

wilsendd · 2024-07-20T09:45:00Z

/*隐藏QQ左上角的Logo*/
.qq-logo {
    display: none !important;
}

PRO-2684 · 2024-07-21T04:51:29Z

/*隐藏最小化按钮旁的缩小隐藏按钮*/
.narrow-toggler {
	display: none;
}

/*隐藏QQ左上角的Logo*/
.qq-logo {
    display: none !important;
}

已合并至 hide-items

PRO-2684 · 2024-07-21T04:52:24Z

/*隐藏左下角更多里第一个选项(超级调色盘)*/
.more-menu>a:nth-child(1) {
	display: none;
}
目前QQ版本9.9.12-25765，所以第一个选项是超级调色盘，其他版本可能不一致

已添加为 customize-more-menu

InfSein · 2024-08-06T06:06:00Z

raindow-name.css

/** 让自己的名字变为彩虹色 */
.user-name--selfReverse span.text-ellipsis {
  background: linear-gradient(90deg, red, orange, yellow, green);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

PRO-2684 · 2024-08-06T06:33:45Z

raindow-name.css

/** 让自己的名字变为彩虹色 */
.user-name--selfReverse span.text-ellipsis {
  background: linear-gradient(90deg, red, orange, yellow, green);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

已在 16f2331 添加

InfSein · 2024-08-06T14:20:50Z

https://github.com/PRO-2684/Transitio-user-css/blob/main/rainbow-name.css
这个链接会404
好像文件名字写错了 -> https://github.com/PRO-2684/Transitio-user-css/blob/main/raindow-name.css

PRO-2684 · 2024-08-07T00:09:10Z

https://github.com/PRO-2684/Transitio-user-css/blob/main/rainbow-name.css 这个链接会404 好像文件名字写错了 -> https://github.com/PRO-2684/Transitio-user-css/blob/main/raindow-name.css

Fixed

PRO-2684 · 2024-08-29T12:14:26Z

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

已整合至 hide-items: Transitio-user-css#30fa55dc97d67bf31e948e3d85f754c2d0aa5da4

PRO-2684 · 2024-08-29T23:59:51Z

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

已整合至： Transitio-user-css#30fa55dc97d67bf31e948e3d85f754c2d0aa5da4hide-items

能将我的建议添加至https://github.com/PRO-2684/transitio 里吗？ @PRO-2684 我自己添加的话会出现无权限修改，拉取该仓库的提示

我的github地址是https://github.com/YatFanLan 我的插件地址是https://github.com/YatFanLan/Hide-importing-phone-photo-album 我的插件名称是Hide-importing-phone-photo-album 插件介绍是屏蔽文件侧边栏右下角的导入手机相册功能

可以 fork 后修改 README，随后提 PR，这样可以显示在 contributors 中
我认为整合至 hide-items 中即可，但是若您坚持的话，我可以将 hide-items 中相关代码还原，随后您提交 PR 我会通过
建议一下：css 文件名最好全部由小写字母以及 - 构成；按照文档修改一下 CSS 文件格式，符合用户样式标准

YatFanLan · 2024-08-30T08:24:12Z

@PRO-2684
/*隐藏文件侧边栏下方的导入手机相册功能 /
[data-v-0cc38b2a][data-v-0cc38b2a].wifiphoto-btn {
display: none; / 或者 /
visibility: hidden; / 或者 */
opacity: 0;
pointer-events: none;
}

我对插件进行了三次更改第二次屏蔽之后仍然不是很完美，使用chii-devtools还是能找到div 再次修改之后就没有了第三次应该就没事了

YatFanLan · 2024-08-31T13:00:25Z

/隐藏设置中的某些功能/
/隐藏设置中的通用界面的某些功能/
[data-v-526bdad1][data-v-46416654].setting-item-title.lite-tools-vue-component.vue-component {
display: none; /隐藏安全设置字样/
}
.panel-main[data-v-46416654] {
display: none; /隐藏使用QQ浏览器打开选项/
}

[data-v-526bdad1][data-v-007e3879].setting-item-title.lite-tools-vue-component.vue-component {
display: none; /隐藏软件更新字样/
}
[data-v-007e3879].panel-main{
display: none; /隐藏软件更新选项/
}
以上代码对于9.9.15-27597之前一些版本有效果
9.9.15-27597之后应该使用这个：
[data-v-526bdad1][data-v-46416654].setting-item-title.lite-tools-vue-component.vue-component {
display: none; /隐藏安全设置字样/
}
.panel-main[data-v-46416654] {
display: none; /隐藏使用QQ浏览器打开选项/
}

[data-v-526bdad1][data-v-5a06a99a].setting-item-title.lite-tools-vue-component.vue-component {
display: none; /隐藏软件更新字样/
}
[data-v-5a06a99a].panel-main{
display: none; /隐藏软件更新选项/
}

YatFanLan · 2024-09-05T13:28:37Z

调整了一下好友分组界面的选项宽度
默认状态下右边的下拉框在五个字及以上就显示不全了
.title-bar__item >.q-pulldown-menu.small-size.lite-tools-vue-component.vue-component>.q-pulldown-menu-button {
margin-left:-40px;/调整选择框的位置/
width:140px; /调整下拉框宽度/
}}

YatFanLan · 2024-09-06T09:11:16Z

/* ==UserStyle==
@name Hide the QQ Space option on the Friends Information screen
@description 隐藏好友信息界面的QQ空间选项
@Version 0.1.0
@homepageURL Hide-the-QQ-Space-option-on-the-Friends-Information-screen
@author YatFanLan
==/UserStyle== */
[data-v-f65e0060].qq-zone{
display: none;
}

YatFanLan · 2024-09-06T09:11:55Z

/隐藏我的手机聊天窗口中右上角的的导入手机相册功能/
[data-v-7bfa56a1].draggable-view__container>[data-v-7bfa56a1].panel-header__action > [data-v-3ce2bb9f].dataline-top-bars {
display: none;
}

YatFanLan · 2024-09-08T12:15:49Z

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

已整合至 hide-items: Transitio-user-css#30fa55dc97d67bf31e948e3d85f754c2d0aa5da4

刚才在https://github.com/PRO-2684/Transitio-user-css 页面看到了，我刚注意到，不好意思

Cranyozen · 2024-10-02T14:01:21Z

https://gist.github.com/Cranyozen/320f90513b658ae82a9c7872f867a33f
相关信息 gist 都有
（适配于Anti-Recall无阴影简洁版）
此 gist 的 raw:
https://gist.githubusercontent.com/Cranyozen/320f90513b658ae82a9c7872f867a33f/raw/76824fca4d93794551db82004dcd926151437537/anti-recall-css.css

PRO-2684 · 2024-10-02T14:30:21Z

https://gist.github.com/Cranyozen/320f90513b658ae82a9c7872f867a33f 相关信息 gist 都有（适配于Anti-Recall无阴影简洁版）此 gist 的 raw: https://gist.githubusercontent.com/Cranyozen/320f90513b658ae82a9c7872f867a33f/raw/76824fca4d93794551db82004dcd926151437537/anti-recall-css.css

859380f

PRO-2684 added documentation Improvements or additions to documentation css Questions related to user-css labels Aug 14, 2023

PRO-2684 pinned this issue Aug 14, 2023

PRO-2684 mentioned this issue Sep 5, 2023

消息列表平滑插入动画 PRO-2684/Transitio-user-css#1

Closed

YatFanLan mentioned this issue Aug 29, 2024

新功能新建议 PRO-2684/Transitio-user-css#15

Closed

PRO-2684 changed the title ~~用户 CSS 片段投稿~~ 用户样式投稿 Sep 28, 2024

This was referenced Oct 26, 2024

精简聊天窗口的功能按钮 PRO-2684/Transitio-user-css#18

Closed

这个精简聊天框功能在加入该CSS文件之后如若不设置禁止滚动则会滚动 PRO-2684/Transitio-user-css#19

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

用户样式投稿 #4

用户样式投稿 #4

PRO-2684 commented Aug 14, 2023 •

edited

Loading

Shapaper233 commented May 19, 2024

PRO-2684 commented May 19, 2024

InfSein commented Jul 4, 2024

PRO-2684 commented Jul 4, 2024

Shapaper233 commented Jul 7, 2024

PRO-2684 commented Jul 7, 2024

wilsendd commented Jul 20, 2024

wilsendd commented Jul 20, 2024

wilsendd commented Jul 20, 2024

PRO-2684 commented Jul 21, 2024

PRO-2684 commented Jul 21, 2024

InfSein commented Aug 6, 2024

PRO-2684 commented Aug 6, 2024

InfSein commented Aug 6, 2024

PRO-2684 commented Aug 7, 2024

PRO-2684 commented Aug 29, 2024

PRO-2684 commented Aug 29, 2024

YatFanLan commented Aug 30, 2024 •

edited

Loading

YatFanLan commented Aug 31, 2024 •

edited

Loading

YatFanLan commented Sep 5, 2024 •

edited

Loading

YatFanLan commented Sep 6, 2024

YatFanLan commented Sep 6, 2024 •

edited

Loading

YatFanLan commented Sep 8, 2024 •

edited

Loading

Cranyozen commented Oct 2, 2024 •

edited

Loading

PRO-2684 commented Oct 2, 2024

用户样式投稿 #4

用户样式投稿 #4

Comments

PRO-2684 commented Aug 14, 2023 • edited Loading

通过 Issue 投稿

通过 PR 投稿

Shapaper233 commented May 19, 2024

PRO-2684 commented May 19, 2024

InfSein commented Jul 4, 2024

PRO-2684 commented Jul 4, 2024

Shapaper233 commented Jul 7, 2024

PRO-2684 commented Jul 7, 2024

wilsendd commented Jul 20, 2024

wilsendd commented Jul 20, 2024

wilsendd commented Jul 20, 2024

PRO-2684 commented Jul 21, 2024

PRO-2684 commented Jul 21, 2024

InfSein commented Aug 6, 2024

PRO-2684 commented Aug 6, 2024

InfSein commented Aug 6, 2024

PRO-2684 commented Aug 7, 2024

PRO-2684 commented Aug 29, 2024

PRO-2684 commented Aug 29, 2024

YatFanLan commented Aug 30, 2024 • edited Loading

YatFanLan commented Aug 31, 2024 • edited Loading

YatFanLan commented Sep 5, 2024 • edited Loading

YatFanLan commented Sep 6, 2024

YatFanLan commented Sep 6, 2024 • edited Loading

YatFanLan commented Sep 8, 2024 • edited Loading

Cranyozen commented Oct 2, 2024 • edited Loading

PRO-2684 commented Oct 2, 2024

PRO-2684 commented Aug 14, 2023 •

edited

Loading

YatFanLan commented Aug 30, 2024 •

edited

Loading

YatFanLan commented Aug 31, 2024 •

edited

Loading

YatFanLan commented Sep 5, 2024 •

edited

Loading

YatFanLan commented Sep 6, 2024 •

edited

Loading

YatFanLan commented Sep 8, 2024 •

edited

Loading

Cranyozen commented Oct 2, 2024 •

edited

Loading