PRO-2684/transitio

用户样式投稿

PRO-2684 opened this issue · 25 comments

PRO-2684 commented

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

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; }
  • 👍2
PRO-2684 commented

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 commented

hide-menu-stickers.css

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

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

  • 👍1
PRO-2684 commented

hide-menu-stickers.css

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

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

已在 feb9d40 添加

  • ❤️1
Shapaper233 commented

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

image

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}

cab56539f1cf8fe816a04a515fae301b

112dc86b91ef312676ae4188934e3c18

  • 👍1
PRO-2684 commented

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

image

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}

cab56539f1cf8fe816a04a515fae301b

112dc86b91ef312676ae4188934e3c18

已在 5badf3c 添加

wilsendd commented 
/*隐藏最小化按钮旁的缩小隐藏按钮*/
.narrow-toggler {
	display: none;
}
2024-07-20_17-12-16
wilsendd commented 
/*隐藏左下角更多里第一个选项(超级调色盘)*/
.more-menu>a:nth-child(1) {
	display: none;
}

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

wilsendd commented 
/*隐藏QQ左上角的Logo*/
.qq-logo {
    display: none !important;
}
2024-07-20_17-37-36
PRO-2684 commented 
/*隐藏最小化按钮旁的缩小隐藏按钮*/
.narrow-toggler {
	display: none;
}
2024-07-20_17-12-16 
/*隐藏QQ左上角的Logo*/
.qq-logo {
    display: none !important;
}
2024-07-20_17-37-36

已合并至 hide-items

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

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

已添加为 customize-more-menu

InfSein commented

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 commented

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 添加

  • 🎉1
PRO-2684 commented

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

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

PRO-2684 commented

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

已整合至 ： 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 commented

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

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

YatFanLan commented

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

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

YatFanLan commented

/* ==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 commented

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

YatFanLan commented

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

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

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