用户样式投稿

[PRO-2684]

您可以选择以下两种方式之一投稿您的代码。通过 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。

[Shapaper233]

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]

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; }

已在 d109e3793bd96b4f74e5f070ab7d1018f6b01dd5 添加

[InfSein]

hide-menu-stickers.css

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

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

[PRO-2684]

hide-menu-stickers.css

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

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

已在 feb9d4006442adb194b3806bcba01396d88053ea 添加

[Shapaper233]

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]

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}

已在 5badf3c6b4e5d7bfc75434718341fef9ad7d1bbf 添加

[wilsendd]

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

[wilsendd]

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

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

[wilsendd]

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

[PRO-2684]

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

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

已合并至 hide-items

[PRO-2684]

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

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

已添加为 customize-more-menu

[InfSein]

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]

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;
}

已在 16f23311a788dcf5b7a1caa719051b5e20569e68 添加

[InfSein]

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]

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]

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

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

[PRO-2684]

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

已整合至 ： 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 插件介绍是屏蔽文件侧边栏右下角的导入手机相册功能

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

[YatFanLan]

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

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

[YatFanLan]

/隐藏设置中的某些功能/ /隐藏设置中的通用界面的某些功能/ [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]

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

[YatFanLan]

/ ==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]

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

[YatFanLan]

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

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

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

[Cranyozen]

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]

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

859380f